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

带动画进度自动播放图片幻灯片

时间:2015-03-26      来源:互联网     
特效说明:
一款带动画进度自动播放图片幻灯片网页特效,该特效代码是图片正中间带有超大播放/暂停按钮,该按钮为圆形进度酷炫动画特效。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码:
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • Canvas制作圆形进度条Loading效果

    Canvas制作圆形进度条Loading效果

    一款Canvas制作圆形进度条Loading效果,该网页特效基于canvas画布绘制,循环执行的圆形百分比效果 注:不支持低版本浏览器。……
    2016-05-22
  • CSS3鼠标滑过动画背景按钮特效

    CSS3鼠标滑过动画背景按钮特效

    一款CSS3鼠标滑过动画背景按钮特效下载,CSS3特效是一款当鼠标滑过按钮时,使用CSS3 animation来制作动画background-size和background-position属性,实现CSS3各种背景动画效果。……
    2016-05-22
  • SVG轻量级JS圆形进度条代码

    SVG轻量级JS圆形进度条代码

    一款SVG轻量级JS圆形进度条代码下载,该SVG代码是一款基于HTML5+SVG实现的圆形动画进度条circles.min.js插件。……
    2016-05-22
  • 纯CSS3鼠标滑过动画按钮特效

    纯CSS3鼠标滑过动画按钮特效

    一款纯CSS3鼠标滑过动画按钮特效下载,该CSS3特效代码是一款基于CSS3 transition属性实现的按钮动画特效,酷炫网页制作必备代码素材。……
    2016-05-22
  • HTML5+CSS3音量调节动画旋转按钮

    HTML5+CSS3音量调节动画旋转按钮

    一款HTML5+CSS3音量调节动画旋转按钮下载,该CSS3按钮采用SVG制作,鼠标按住中间的按钮拖动查看效果。……
    2015-09-14
  • JS+CSS3实现点击3D翻转动画按钮

    JS+CSS3实现点击3D翻转动画按钮

    一款JS+CSS3实现点击3D翻转动画按钮网页特效,点击按钮动画翻转显示询问对话框HTML5+CSS3动画案例特效。……
    2015-08-03
  • CSS3制作酷炫响应式提交动画按钮教程

    CSS3制作酷炫响应式提交动画按钮教程

    在现代的网页设计中,用户体验是一个热门的话题。特别是在移动手机的应用中,一个好的用户体验可以吸引住更多的用户。如果在页面中使用CSS animations制作一些特别的动画效果,可……
    2015-04-22
  • CSS3制作酷炫动画按钮特效

    CSS3制作酷炫动画按钮特效

    一款CSS3制作酷炫动画按钮网页特效,当点击提交按钮以后,根据屏幕大小响应式改变动画播放效果。HTML5+CSS3制作动画按钮实例教程。……
    2015-04-22
  • CSS3精细黑色UI动画按钮

    CSS3精细黑色UI动画按钮

    一款CSS3精细黑色UI动画按钮网页特效,该JS特效代码基于jQuery+CSS3制作,带鼠标滑过/悬停效果、鼠标点击按下动画效果。……
    2015-02-25
  • CSS3鼠标滑动动画按钮特效

    CSS3鼠标滑动动画按钮特效

    一款CSS3鼠标滑动动画按钮网页特效,该特效基于CSS3样式编写,应用CSS3动画属性:animation属性、keyframes动画等,web前端CSS3实例教程。……
    2015-02-14



最新更新特效

设计分享