像这种效果,你要想知道,
已经下载下来,你拆开看一下就知道了。
说说原理,这里并不是纯css3,,只是用css3定义好动画,
@-moz-keyframes tips {
0% {box-shadow: 0px 0px 0px #f00}
25% {box-shadow: 0px 0px 8px #f00}
50% {box-shadow: 0px 0px 0px #f00}
100% {box-shadow: 0px 0px 8px #f00}
}
然后,js在切屏后,用Js来触发这一个样式,这个样式调用了刚才定义的动画。
.tips {
-webkit-animation:tips 1s
-moz-animation:tips 1s
}
当然css3是可以做的,只是用纯css3,就没办法像这样可以拖动切屏,这个是需要js或者jq来完成。。。
简单demo:使用HTML+CSS 实现轮播图(三张图为例,分别为:红、绿、蓝)的效果。
不能发视频,截图来代替吧
1.显示 轮播图1(实际轮播的第2个元素li)
2.显示 轮播图2(实际轮播的第3个元素li)
3.显示 轮播图3(实际轮播的第4个元素li)
4.显示 轮播图1(实际轮播的第5个元素li,之后会紧跟着重复以上动作)
50 dreamweaver教程CS5视频_行为CSS之滑动遮帘高亮.wmv种子下载地址:thunder://QUFodHRwOi8vYWlrYW5keS5vcmcvNTAgZHJlYW13ZWF2ZXLmlZnnqItDUzXop4bpopFf6KGM5Li6Q1NT5LmL5ruR5Yqo6YGu5biY6auY5LquLndtdj9maWQ9VVMxZkU1Q1IqRmlkMW9UdVBlRDFwS0M4RWk0QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSZtaWQ9NjY2JnRocmVzaG9sZD0xNTAmdGlkPUU1MUREN0JDMDFBOTI4MkJBNzdFQzFDM0JFQjNDQkY3JnNyY2lkPTEyMCZ2ZXJubz0xWlo=
别拿了资源不给分啊