jQuery焦点图切换特效代码分享


Posted in Javascript onSeptember 15, 2015

本文实例讲述了jQuery焦点图切换特效。分享给大家供大家参考。具体如下:
这是一款网易保健品商城网站的jQuery焦点图代码,界面简洁、时尚、大方,通用性比较强,实现过程很简单。
运行效果图:      -------------------查看效果 下载源码-------------------

jQuery焦点图切换特效代码分享

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
在head区域引入CSS样式:

<link rel="stylesheet" href="css/zzsc.css"/>

为大家分享的jQuery焦点图切换特效代码如下

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jQuery焦点图</title>
<link rel="stylesheet" href="css/zzsc.css"/>
<script src="js/jquery-1.4.2.js"></script>
<script src="js/easyCore.js"></script>
</head>
<body>
<center>
 <div class="fright cleafix">
  <section id="picBox" class="sliderBox">
   <ul id="show_pic">
    <li><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hoqk6ne310002.jpg" width="710" height="280" border="0" /></a></li>
    <li class="hide"><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hmu2bby910001.jpg" width="710" height="280" border="0" /></a></li>
    <li class="hide"><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hne5kxga10001.jpg" width="710" height="280" border="0" /></a></li>
    <li class="hide"><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hlw1vdep10003.jpg" width="710" height="280" border="0" /></a></li>
    <li class="hide"><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hp92wuht10001.jpg" width="710" height="280" border="0" /></a></li>
    <li class="hide"><a target="_blank" href="https://3water.com/jiaoben/"><img src="images/hp0i5srm10022.jpg" width="710" height="280" border="0" /></a></li>
   </ul>
  </section>
<script src="js/index.js"></script>
</center>
<div style="text-align:center;clear:both">
</div>
</body>
</html>

以上就是为大家分享的jQuery图片轮播特效代码,希望大家可以喜欢,并应用到实践中。

Javascript 相关文章推荐
jQuery 方法大全方便学习参考
Feb 25 Javascript
JQuery的$命名冲突详细解析
Dec 28 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
jQuery实现“扫码阅读”功能
Jan 21 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
利用JS制作万年历的方法
Aug 16 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
vue实现列表垂直无缝滚动
Apr 08 Vue.js
jquery点击缩略图切换视频播放特效代码分享
Sep 15 #Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 #Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 #Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 #Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 #Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 #Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 #Javascript
You might like
php操作mysql数据库的基本类代码
2014/02/25 PHP
PHP小技巧之JS和CSS优化工具Minify的使用方法
2014/05/19 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
PHP关键特性之命名空间实例详解
2017/05/06 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
javascript 常用代码技巧大收集
2009/02/25 Javascript
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
js 上传图片预览问题
2010/12/06 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python实现全角半角字符互转的方法
2016/11/28 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
python实现定时发送邮件到指定邮箱
2020/12/23 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
应聘文员自荐信范文
2014/03/11 职场文书
投资合作协议书范本
2014/04/17 职场文书
应用外语系自荐信
2014/06/26 职场文书
怎样写辞职信
2015/02/27 职场文书
python opencv常用图形绘制方法(线段、矩形、圆形、椭圆、文本)
2021/04/12 Python