6月
15
2009
仿QQ相册做“上一页”“下一页”
Tag：
分类：WEB标准
阅读：2674
评论：0
最近新改版一老客户的网站，要求在查看相册时要和QQ空间里的相册一样，点图片就可以翻页，这样方便，不愿意点图片上方的分页，于是开始研究……
大致思路：
1、先将图片写成CSS背景，(如果直接用图片的话，在IE浏览器中步骤2中的链接display:block;不起作用;);
2、在放图片的标签的上方做两个链接分别用相对和绝对定位来做。链接用display:block;width:50%;这样上一张图片和下一张图片各占一半，不管是多宽的图片。
3、截止到上一步图片上可以分页了，但是没有效果，需要做的就是鼠标效果。开始做cur文件（cur文件在显示时都是32*32尺寸，不管是多大或是多小都会强制显示32*32的尺寸，制作时要注意哦？呵呵……）
4、在样式表中的链接样式中写上cursor:url(cur文件地址);，好了，大功告成，但是这种鼠标样式只在IE中有效哦？在其它浏览器中（如Firefox）显示的还是截止到第二步的效果。
大家有更好的方法，不防提出来一起学习啦？
评论
添加评论