oopslwb的gravatar头像
oopslwb 2015-01-05 13:20:53

JS+CSS3酷炫图片翻转切换网页特效源代码

特效说明:一款JS+CSS3酷炫图片翻转切换网页特效,效果生动、流程,CSS3时代酷炫案例,优点:采用流行的CSS3+JS制作特效,流畅、绚丽;不足:IE8及其一下浏览器不支持CSS3语法,不过也可以正常是用切换功能。建议使用火狐、谷歌等支持HTML5及CSS3等浏览器查看效果。(兼容测试:IE8以上IE内核浏览器、火狐、谷歌、Safari)

使用方法:1、调用CSS样式:
<link type="text/css" href="css/lrtk.css" rel="stylesheet" />
<link type="text/css" href="css/animation.css" rel="stylesheet" />

2、调用JS插件代码:
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/main.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
效果图:

原帖及代码地址

JS+CSS3酷炫图片翻转切换网页特效源代码 


打赏

文件名:chgImg.zip,文件大小:114.811K 下载
  • /
      • /chgImg
        • /chgImg/51RGB海量优秀学习资源.txt
          • /chgImg/css
            • /chgImg/css/animation.css
            • /chgImg/css/lrtk.css
          • /chgImg/images
            • /chgImg/images/bodyBg.jpg
            • /chgImg/images/bodyBg2.jpg
            • /chgImg/images/bodyBg3.jpg
            • /chgImg/images/majors.png
最代码最近下载分享源代码列表最近下载
157226747  LV16 2021年6月15日
cindy0306  LV2 2020年3月19日
fy6666  LV13 2020年3月12日
liqiumao  LV1 2017年4月8日
zaqaqaq  LV2 2017年2月16日
daimomo000  LV1 2016年12月23日
1169730228  LV1 2016年6月23日
memetjan  LV2 2015年10月29日
marcytao  LV8 2015年3月25日
枫叶聆听  LV5 2015年1月27日
最代码最近浏览分享源代码列表最近浏览
不想做苹果的榴莲  LV4 8月29日
微笑刺客  LV11 2021年12月30日
13543528515  LV8 2021年7月30日
157226747  LV16 2021年6月15日
XcHyxa  LV7 2021年5月18日
biepayouwo  LV7 2021年2月8日
736101636  LV18 2020年11月1日
lczd888  LV9 2020年8月7日
喜欢你a 2020年7月26日
暂无贡献等级
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友