照片墙html5,照片墙设计
html5可以制作照片墙吗
完全可以的,你可以根据自己需要做适合自己的照片墙。一般来说在代码和布局上面来说都是不难的。
创新互联建站2013年开创至今,是专业互联网技术服务公司,拥有项目网站设计制作、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元和硕做网站,已为上家服务,为和硕各地企业和个人服务,联系电话:13518219792
求此效果 Demo源码下载 网页的
div id=demo style="width:800px; overflow:hidden;"
table width="100%" border="0" cellspacing="0" cellpadding="0"
tr
td id=demo1
table width="100%" border="0" cellspacing="0" cellpadding="5"
tr
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
td valign="top"img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" //td
/tr
/table
/td
td id=demo2/td
/tr
/table
/div
script
var speed=20;
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
document.getElementById("demo").onmouseover=function()
document.getElementById("demo").onmouseout=function()
/script
id为demo的div 宽度是在版面上要显示出的宽度,这个是必须定义的,还有overflow:hidden这个也是必须的
内容放在demo1的td里面
你放进去滚动的内容宽度必须大于demo的宽度才能滚动,当然这个宽度随你自己定
理论上是可以放无限宽的数据
鼠标悬停就停止滚动,离开继续滚动
用HTML做的照片墙怎么用手机打开
输入QQ号码和密码,点击登录登录成功后点击正下方“动态”找到并点击“好友动态”进入好友动态,点击正上方的背景图片进入背景商城,找到并点击“照片墙”进入照片墙,点击右上角的“添加”,你可以选择从手机里或者从空间相册里添加照片
网站标题:照片墙html5,照片墙设计
文章网址:http://cdiso.cn/article/dsdshoh.html