照片墙html5,照片墙设计

html5可以制作照片墙吗

完全可以的，你可以根据自己需要做适合自己的照片墙。一般来说在代码和布局上面来说都是不难的。

创新互联建站2013年开创至今，是专业互联网技术服务公司，拥有项目网站设计制作、网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元和硕做网站,已为上家服务,为和硕各地企业和个人服务,联系电话:13518219792

div id=demo style="width:800px; overflow:hidden;"

table width="100%" border="0" cellspacing="0" cellpadding="0"

td id=demo1

table width="100%" border="0" cellspacing="0" cellpadding="5"

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的宽度才能滚动，当然这个宽度随你自己定

理论上是可以放无限宽的数据

鼠标悬停就停止滚动，离开继续滚动

输入QQ号码和密码，点击登录登录成功后点击正下方“动态”找到并点击“好友动态”进入好友动态，点击正上方的背景图片进入背景商城，找到并点击“照片墙”进入照片墙，点击右上角的“添加”，你可以选择从手机里或者从空间相册里添加照片

分享名称：照片墙html5,照片墙设计
转载源于：http://myzitong.com/article/dsdshoh.html