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

jQuery酷炫切换图片焦点图代码

时间:2014-11-20      来源:互联网     
特效说明:
一款jQuery酷炫切换图片焦点图代码网页特效,点击左右按钮或者索引按钮百叶窗、插图、渐变等多样式切换图片,属于站长常用代码,更多免费网页特效下载-科e互联网页特效频道。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>

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

4、初始化代码:
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>
相关特效
  • HTML5移动端裁剪图片上传头像代码

    HTML5移动端裁剪图片上传头像代码

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28
  • jQuery鼠标经过显示动画边框特效

    jQuery鼠标经过显示动画边框特效

    一款jQuery鼠标经过显示动画边框特效下载,该JS代码基于jQuery制作的鼠标经过图片、描述文字动画绘制边框特效,适用于图文列表展示代码。……
    2016-06-25
  • jQuery制作苹果秒表计时器代码

    jQuery制作苹果秒表计时器代码

    一款jQuery制作苹果秒表计时器代码下载,该网页特效基于jquery.js制作,可以分次记录时间,参赛计时器插件JS代码。……
    2016-06-19
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比网页特效下载,该jQuery插件代码是一款基于jqbar.js实现的柱状图动态显示进度条特效、可以设置横向、纵向柱状图展示。……
    2016-05-22
  • 移动端整屏切换带判断横屏/竖屏状态JS代码

    移动端整屏切换带判断横屏/竖屏状态JS代码

    一款移动端整屏切换带判断横屏/竖屏状态JS代码网页特效,该JS代码带Loading加载动画,且判断设备屏幕横屏还是竖屏状态,鼠标拖动响应式全屏切换网页框架代码。……
    2015-12-09
  • 自定义百度分享URL以及图标样式JS代码

    自定义百度分享URL以及图标样式JS代码

    一款自定义百度分享URL以及图标样式JS代码网页特效,可以应用于响应式网页制作、微信网页制作分享代码。……
    2015-08-21
  • jQuery带视频播器放功能焦点图轮播特效

    jQuery带视频播器放功能焦点图轮播特效

    一款jQuery带视频播器放功能焦点图轮播特效下载,jquery+flash交互式媒体播放器是一款带左右按钮、索引按钮焦点图片点击jwplayer网页视频播放代码下载。……
    2015-08-20
  • 微信网页添加分享到朋友圈、发送好友JS代码

    微信网页添加分享到朋友圈、发送好友JS代码

    微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何……
    2015-08-19
  • jQuery带表单提交响应式全屏焦点图代码

    jQuery带表单提交响应式全屏焦点图代码

    一款jQuery带表单提交响应式全屏焦点图代码免费下载,该JS焦点图代码带索引按钮、左右按钮,适合证券公司、企业网站建设等需要表单功能的响应式全屏且自动轮播幻灯片代码。……
    2015-08-03

最新更新特效

设计分享