<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery跑马灯支持任何DOM元素|DEMO3</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" href="css/liMarquee.css">
<style type="text/css">
.str_wrap{
padding-left: 3em;
padding-right: 3em;
background: #fefefe;
height: 10em;
line-height: 2em;
font-size: 1.2em;
}
.str3 { font-size:0 !important}
.str3-2 { background:none !important;}
.str3-2 span { border:5px solid #ccc; background:#f1f1f1; color:#999; margin:0 5px; text-align:center; font:40px/100px Arial, Helvetica, sans-serif; width:100px; height:100px; display:inline-block; vertical-align:top;}
.str4 .str_item {
font-size:0;
line-height:0
}
.str4 img { opacity:0.8}
.str4 img:hover { opacity:1}
.str4.str_wrap.str_active {
background:#fff;
}
</style>
</head>
<body>
<div class="jq22-container">
<header class="jq22-header">
<h1>jQuery跑马灯支持任何DOM元素 <span>A jQuery MARQUEE Plugin</span></h1></h1>
<div class="jq22-demo center">
<a href="index.html">Default</a>
<a href="index2.html">垂 直</a>
<a href="index3.html" class="current">图片和HTML元素</a>
<a href="index4.html">从XML中获取数据</a>
</div>
</header>
<div class="jq22-content">
<h3>HTML元素跑马灯</h3>
<div class="str3-2 str_wrap">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>0</span>
</div>
<h3>图片跑马灯</h3>
<div class="str4 str_wrap">
<a href="#"><img src="img/1c0ae2205709722b62e843abc0471a55_S.jpg"></a>
<a href="#"><img src="img/01f1a05053c6242fcfa23075e5b963c1_S.jpg"></a>
<a href="#"><img src="img/6f43b5263fbba79c5962514b85d34738_S.jpg"></a>
<a href="#"><img src="img/8b6e33345ac8d5ffd9cf0d107a7d9e9d_S.jpg"></a>
<a href="#"><img src="img/9b2c4b44fb86522964124ed80d03c5e8_S.jpg"></a>
<a href="#"><img src="img/9ecd376e5371efaef9aad9bc9143aed8_S.jpg"></a>
<a href="#"><img src="img/19f9cefdfb07230a68581d617885a3af_S.jpg"></a>
<a href="#"><img src="img/36fdb1a35cd2f54f95cf2119fb5bc7ed_S.jpg"></a>
<a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
<a href="#"><img src="img/1c0ae2205709722b62e843abc0471a55_S.jpg"></a>
<a href="#"><img src="img/01f1a05053c6242fcfa23075e5b963c1_S.jpg"></a>
<a href="#"><img src="img/6f43b5263fbba79c5962514b85d34738_S.jpg"></a>
<a href="#"><img src="img/8b6e33345ac8d5ffd9cf0d107a7d9e9d_S.jpg"></a>
<a href="#"><img src="img/9b2c4b44fb86522964124ed80d03c5e8_S.jpg"></a>
<a href="#"><img src="img/9ecd376e5371efaef9aad9bc9143aed8_S.jpg"></a>
<a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
<a href="#"><img src="img/19f9cefdfb07230a68581d617885a3af_S.jpg"></a>
<a href="#"><img src="img/36fdb1a35cd2f54f95cf2119fb5bc7ed_S.jpg"></a>
<a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
</div>
</div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$(window).load(function(){
$('.str3-2').liMarquee();
$('.str4').liMarquee();
});
</script>
</body>
</html>
强大的jQuery文字和图片跑马灯特效.zip （19个子文件） 
index4.html 1KB
js 
jquery-2.1.1.min.js 82KB jquery.liMarquee.js 35KB index2.html 3KB img 
6f43b5263fbba79c5962514b85d34738_S.jpg 21KB 36fdb1a35cd2f54f95cf2119fb5bc7ed_S.jpg 17KB 1c0ae2205709722b62e843abc0471a55_S.jpg 15KB 9b2c4b44fb86522964124ed80d03c5e8_S.jpg 13KB 9ecd376e5371efaef9aad9bc9143aed8_S.jpg 12KB 0b1ad7a7b79268a1f4558db78e092446_S.jpg 18KB 19f9cefdfb07230a68581d617885a3af_S.jpg 17KB 01f1a05053c6242fcfa23075e5b963c1_S.jpg 11KB 8b6e33345ac8d5ffd9cf0d107a7d9e9d_S.jpg 14KB css default.css 5KB normalize.css 2KB liMarquee.css 831B text.xml 681B index.html 4KB index3.html 4KB资源评论
码云笔记
- 粉丝: 3w+
最新资源
- 01Studio CanMV K230开发板 3路摄像头显示，默认外接HDMI显示器
- yolov13夜间场景车辆检测权重+标注好的夜间场景车辆检测数据集+pyqt界面
- 新能源锂电池项目中欧姆龙NJ PLC程序设计：梯形图与ST语言混合编程及电子凸轮应用 精选版
- 基于Maxwell电磁仿真的变压器设计与铁芯损耗计算优化方法 - 电磁仿真
- 跨领域条件下的目标识别与检测研究
- YOLOv13夜间场景车辆检测，包含训练好的夜间场景道路上车辆检测权重yolov13-main-sts-dark-car-detection-data.zip
- 苏州大学电力电子技术课程仿真实验项目-电力电子变换器仿真开关电源设计逆变器控制PWM调制技术Saber软件应用电路拓扑分析功率半导体器件特性研究-用于ELEA2015课.zip
- YOLOv12夜间场景车辆检测，包含训练好的夜间场景道路上车辆检测权重+pyqt界面
- 西门子S7-300PLC与TP900触摸屏在污水处理中的自动化控制及博途V15.1集成应用
- YOLOv12夜间场景车辆检测，包含训练好的夜间场景道路上车辆检测权重，以及PR曲线，loss曲线等等
- 《基于欧姆龙NJ501-1400的锂电池铝壳全自动二次注液机：分布式总线控制与高效转盘式结构设计》
- 基于SCL语言的RS485通讯程序实现：变频器正反转及停止操作与校验码优化 · PLC编程 全面版
- YOLO 算法在目标检测领域的应用解析
- 新能源PLC程序：欧姆龙NJ系列，多轴控制与凸轮同步的完整面向对象编程资料
- 基于OpenGLES的iOS平台32BGRA图像渲染与旋转处理工具-支持32位BGRA格式图像渲染-纹理旋转功能-集成YUV420P格式支持-专为视频处理优化的高性能图形渲染框架-.zip
- 电力系统源荷不确定性优化调度模型研究：MATLAB与YALMIP联合应用实现非线性目标的线性转化，引入模糊机会约束与碳交易策略 - 碳交易 全面版
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
