添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

CSS3网页底部扇形展开/收回菜单特效

时间:2016-06-28      来源:互联网     
特效说明:
一款CSS3网页底部扇形展开/收回菜单特效下载,该CSS3导航菜单代码是一款定位在网页底部菜单按钮,点击展开/收回扇形动画菜单,HTML5网站建设素材。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/circular.navigation.css" />

2、调用JS插件代码:
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="js/polyfills.js"></script>
<script src="js/circular.navigation.js"></script>

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

4、初始化代码:
<script>
    $(document).ready(function(){
        $("#ad_container span").click(function(){
            $("#ad_container").fadeOut(400);
        });
    });
</script>
相关特效
  • JS雪花飘落动画字体倒计时代码

    JS雪花飘落动画字体倒计时代码

    JS雪花飘落动画字体倒计时代码下载,该特效代码是一款html5基于canvas绘制下雪动画场景及CSS3动画文字制作的倒计时特效。……
    2019-04-10
  • 一款天空中白云飘动CSS3动画特效

    一款天空中白云飘动CSS3动画特效

    一款天空中白云飘动CSS3动画特效,无需js插件纯CSS3制作逼真云层动画,采用多层PNG云层素材制作网页动画效果。……
    2018-04-04
  • CSS3制作动画按钮

    CSS3制作动画按钮

    一组简约设计CSS3制作动画按钮,采用线条动画制作按钮,响应式网页制作按钮素材!……
    2018-03-27
  • jQuery闪烁粒子动画背景特效

    jQuery闪烁粒子动画背景特效

    一款jQuery闪烁粒子动画背景特效免费下载,该特效基于jquery.parallax.js插件编写,闪烁星空动画背景,页面元素随鼠标运动而运动。……
    2016-12-23
  • 纯CSS3实现外星人场景动画

    纯CSS3实现外星人场景动画

    一款纯CSS3实现外星人场景动画源码免费下。该CSS3动画特效基于CSS3属性animation制作,操作简单,CSS3学习实例教程。……
    2016-12-01
  • CSS3制作百叶窗切换焦点图

    CSS3制作百叶窗切换焦点图

    一款CSS3制作百叶窗切换焦点图免费下载,该CSS3特效使用背景图片来制作,在轮播图切换时,通过一组div元素来制作百叶窗效果切换图片,网页制作中非常炫酷的banner图效果。……
    2016-09-04
  • 纯CSS3绘制鼠标控制小猫笑脸动画

    纯CSS3绘制鼠标控制小猫笑脸动画

    一款纯CSS3绘制鼠标控制小猫笑脸动画下载,该特效基于CSS3属性编写,是一款非常可爱的一只会笑的猫咪CSS3动画特效。……
    2016-08-17
  • 纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果下载,蛮精致的一款纯CSS3模拟书本翻页效果,CSS3网页制作小实例教程。……
    2016-08-16
  • aos.js-超赞页面滚动元素动画jQuery动画库

    aos.js-超赞页面滚动元素动画jQuery动画库

    一款aos.js-超赞页面滚动元素动画jQuery动画库源码下载,该动画库可以在页面滚动时提供28种不同的动画元素展示效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。……
    2016-07-08
  • 纯CSS3打造逼真多层云彩动画运动特效

    纯CSS3打造逼真多层云彩动画运动特效

    一款纯CSS3打造逼真多层云彩动画运动特效源码下载,该CSS3特效使用多张透明的云彩PNG图片作为背景图片,使用CSS animation动画来制作云彩水平飘动的动画效果。……
    2016-06-28

最新更新特效

设计分享