oopslwb的gravatar头像
oopslwb 2015-01-16 10:14:23

HTML5 3D立体折页焦点图网页特效源码分享


HTML5 3D立体折页焦点图网页特效源码分享 


特效说明:一款3D立体折页焦点图HTML5网页特效,点击左右按钮立体旋转切换图片,动画下拉画布显示文字,支持火狐、IE9以上等支持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/style.css" />

2、调用JS插件代码:
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.imgslider.js"></script>
<script type="text/javascript">
    $(function() {
        $( '#fs-slider' ).imgslider();
    });
</script>

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

代码下载及演示地址


打赏

文件名:css3Focus.zip,文件大小:453.233K 下载
  • /
      • /css3Focus
        • /css3Focus/51RGB海量优秀学习资源.txt
          • /css3Focus/css
            • /css3Focus/css/demo.css
            • /css3Focus/css/normalize.css
            • /css3Focus/css/style.css
          • /css3Focus/images
            • /css3Focus/images/1.jpg
            • /css3Focus/images/2.jpg
            • /css3Focus/images/3.jpg
最代码最近下载分享源代码列表最近下载
a914896249  LV10 2021年11月18日
nuaazdd  LV2 2021年11月10日
xuexue186  LV6 2021年10月24日
115342911  LV2 2021年8月30日
huangyangcheng  LV4 2021年1月21日
736101636  LV18 2020年10月27日
guiyi16  LV4 2020年10月12日
EAST_Ace  LV4 2020年6月30日
mar-C7  LV2 2020年6月10日
shenboqi  LV2 2020年5月14日
最代码最近浏览分享源代码列表最近浏览
Dominick  LV13 10月24日
CHENHAOJUDA  LV9 6月23日
lichnn  LV2 6月17日
xie_code 6月9日
暂无贡献等级
AngelW  LV10 4月13日
xiaojiacan 3月11日
暂无贡献等级
yanguobin  LV4 2月28日
2010727629  LV1 2021年12月27日
梦幻花园  LV2 2021年12月9日
yydsaaa 2021年12月8日
暂无贡献等级
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友