摘要: 1、功能概述 自动播放,底部小图轮回切换,上部大图相应得切换。鼠标移入移出,底部小图透明度淡入淡出,通过方向键控制播放方向。底部的图片的轮回切换其实是套用了,之前一篇博客的轮回播放思想。2、选材布局 相当于将上一篇中的布局分为上下两部分,而且通过设设置div的宽度,显示ul的一部分。3、功能实现... 阅读全文
posted @ 2015-10-22 22:49 ChenZz~ 阅读(258) 评论(0) 推荐(0)
摘要: 1、功能概述 通过HTML、CSS3、javascript语言编写的一个能自动播放的图片轮回滚动的图片播放器。鼠标自动播放时,每播放一张图片的距离就暂停1s。当我们鼠标移进海报图片时播放停止,鼠标移出播放继续。当鼠标移至左右按钮时,图片播放方向改变,按钮颜色也变成紫色,鼠标移出则恢复正常。总共选了... 阅读全文
posted @ 2015-10-22 21:00 ChenZz~ 阅读(632) 评论(0) 推荐(0)
摘要: 1、功能概述 通过HTML、CSS3、javascript语言编写的一个如下图所示的简易日历,当鼠标移入对应月份的格子时,只有当前的月份的l格子高亮,其他月份的格子都是暗的,并在最下面显示对应的月份的活动。2、布局 先创建一个div1,在这个div1里创建个ul,再在ul里创建12个li,将上面... 阅读全文
posted @ 2015-10-22 18:58 ChenZz~ 阅读(775) 评论(0) 推荐(0)
摘要: 1、制作前准备 在素材网上挑选你喜欢的0~9的数字图片,下载下来,用PS将这些图片切成合适在网页上显示的的大小(我切成50px*60px)。2、布局 在HTML将这几张图片引用进去,并排显示,并在每两个中间加上“:”,将包含图片标签的DIV设置成居中。3、功能实现 将初始的图片显示都设置成数字... 阅读全文
posted @ 2015-10-22 16:25 ChenZz~ 阅读(1758) 评论(0) 推荐(0)