最代码广告位
oopslwb的gravatar头像
oopslwb2015-01-09 10:35:04

HTML5+CSS3百叶窗3D切换效果slicebox焦点图网页特效源码分享

HTML5+CSS3百叶窗3D切换效果slicebox焦点图网页特效源码分享
特效说明:一款3D切换效果slicebox焦点图网页特效代码,HTML5+CSS3百叶窗3D式横向、纵向自动轮播焦点图特效,带左右按钮、索引按钮、自动播放按钮图片切换。更多焦点图代码请访问科e互联网页特效频道,请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)

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

2、调用JS代码:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.slicebox.js"></script>

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

演示地址 原帖及代码下载地址


打赏

已有1人打赏

lsq2505233的gravatar头像

文件名:3Dfocus.zip,文件大小:920.59K下载
  • /
      • /3Dfocus
        • /3Dfocus/DW AI PS 网络营销视频教程网盘下载地址.txt
          • /3Dfocus/css
            • /3Dfocus/css/custom.css
            • /3Dfocus/css/demo.css
            • /3Dfocus/css/slicebox.css
          • /3Dfocus/images
            • /3Dfocus/images/1.jpg
            • /3Dfocus/images/2.jpg
            • /3Dfocus/images/3.jpg
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友