基于HTML5全屏图文左右滑动切换特效
基于HTML5全屏图文左右滑动切换特效。这是一款基于jQuery+HTML5实现的全屏图文切换特效代码。效果图如下:
实现的代码。
html代码:
<main>
<div class="cd-image-block">
<ul class="cd-images-list">
<li class="is-selected">
<a href="#0">
<h2>站长素材</h2>
</a>
</li> <li>
<a href="#0">
<h2>站长素材2</h2>
</a>
</li> <li>
<a href="#0">
<h2>站长素材3</h2>
</a>
</li> <li>
<a href="#0">
<h2>站长素材4</h2>
</a>
</li>
</ul>
</div> <div class="cd-content-block">
<ul>
<li class="is-selected">
<div>
<h2>站长素材</h2> <p>
<script src="/scripts/2bc/_gg_980_90.js" type="text/javascript"></script>
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p>
</div>
</li> <li>
<div>
<h2>站长素材</h2> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p>
</div>
</li> <li>
<div>
<h2>站长素材</h2> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p>
</div>
</li> <li>
<div>
<h2>站长素材</h2> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p> <p>
站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材站长素材
</p>
</div>
</li>
</ul> <button class="cd-close">关闭</button>
</div> <ul class="block-navigation">
<li><button class="cd-prev inactive">上一页</button></li>
<li><button class="cd-next">下一页</button></li>
</ul>
</main> <script src="js/jquery-2.1.4.js"></script>
<script src="js/main.js"></script>
<script src="adv-banners/ads.js"></script>
via:http://www.w2bc.com/article/50674
基于HTML5全屏图文左右滑动切换特效的更多相关文章
- 基于jQuery左右滑动切换特效 附源码
分享一款基于脚jQuery左右滑动切换特效.这是一款鼠标点击左右箭头按钮图片滚动切换,鼠标移到图片上显示透明边框特效. 效果图如下: 废话不多说,代码奉上! html代码: <div ...
- HTML5全屏浏览器兼容方案
最近一个项目有页面全屏的的需求,搜索了下有HTML5的全屏API可用,不过各浏览器的支持不一样. 标准 webkit Firefox IE Element.requestFullscreen() ...
- 基于jQuery左右滑动切换特效
分享一款基于脚jQuery左右滑动切换特效.这是一款鼠标点击左右箭头按钮图片滚动切换,鼠标移到图片上显示透明边框特效.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div ...
- 基于jQuery全屏相册插件zoomVisualizer
基于jQuery全屏相册插件zoomVisualizer.这是一款基于jquery ui实现的相册插件,支持隐藏显示相册缩略图,支持左右箭头切换图片,支持放大缩及缩小图片.效果图如下: 在线预览 ...
- HTML5全屏背景视频与 CSS 和 JS(插件或库)
译文原链接:http://codetheory.in/html5-fullscreen-background-video/ 前言: 当网页载入时,自动播放的全屏背景视频已经成为当前颇受欢迎的趋势. 就 ...
- 基于js全屏动画焦点图幻灯片
今天给大家分享一款基于js全屏动画焦点图幻灯片.这款焦点图内的内容以动画形式出现和消失.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class="sl ...
- HTML5全屏操作API
一.定义:HTML5规范允许自定义网页上的任一元素全屏显示,存在兼容问题 二.使用: ①基本: Node.RequestFullScreen()开启全屏显示 Node.CancelFullScreen ...
- 基于jQuery编写的横向自适应幻灯片切换特效
基于jQuery编写的横向自适应幻灯片切换特效 全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6. 适用浏览器:IE6.IE7.IE8.360.Fire ...
- 基于HTML5 Canvas实现的图片马赛克模糊特效
效果请点击下面网址: http://hovertree.com/texiao/html5/1.htm 一.开门见山受美国肖像画家Chuck Close的启发,此脚本通过使用HTML5 canvas元素 ...
随机推荐
- Oracle - Dbms Output window
Ensure that you have your Dbms Output window open through the view option in the menubar. Click on t ...
- Centos7 安装pyquery 等包的简易方法
单独下载安装模块: sudo mkdir /home/pythonmodule sudo wget https://www.crummy.com/software/BeautifulSoup/bs ...
- 观察者模式之ES6实现(二)
一.问题描述实现一个EventEmitter类,这个类包含以下方法:on(监听事件,该事件可以被触发多次)once(也是监听事件,但只能被触发一次)fire(触发指定的事件)off(移除指定事件的某个 ...
- Python3绘图之Matplotlib(03)
饼图 = pie 散点图 = scatter plots 极化图 = polar charts 箭头 = Annotations 本节代码示例 import matplotlib.pyplot as ...
- python生成指定文件夹目录树
# -*- coding: utf-8 -*- import sys from pathlib import Path class DirectionTree(object): "" ...
- 潭州课堂25班:Ph201805201 爬虫基础 第十课 图像处理- 极验验证码 (课堂笔记)
用 python 的 selenium 访问 https://www.huxiu.com/ 自动通过验证码 # -*- coding: utf-8 -*- # 斌彬电脑 # @Time : 20 ...
- C++ 经典知识点面试题
1.指针的优点和缺点 优点:灵活高效 (1)提高程序的编译效率和执行速度(数组下标往下移时,需要使用乘法和加法,而指针直接使用++即可) (2)通过指针可使用主调函数和被调函数之间共享变量或数据结构, ...
- MySql数据库事务正常提交,回滚失败
问题:在初次练习Mysql数据库事务时,事务正常提交,但是在遇到异常应当回滚时,回滚失败. 代码如下: //2.更新操作. public void update(Connection conn, St ...
- 预编译头文件来自编译器的早期版本,或者预编译头为 C++ 而在 C 中使用它(或相反)(转)
用VC++ 2008 编写C语言程序,编译出现错误: 预编译头文件来自编译器的早期版本,或者预编译头为 C++ 而在 C 中使用它(或相反) 解决方法: 建工程时 建立空项目 或者在项目设置里关闭预编 ...
- CNC系统的多任务并行处理
(1) CNC系统的多任务性.CNC系统通常作为一个独立的过程控制单元用于工业自动化生产中,因此它的系统软件必须完成管理和控制两大任务.系统的管理部分包括输入.I/O处理.显示和诊断.系统的控制部分包 ...