JQuery0014:JQuery中 走马灯特效
时间:2020-03-24
本文章向大家介绍JQuery0014:JQuery中 走马灯特效,主要包括JQuery0014:JQuery中 走马灯特效使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<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>
<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.liMarquee.js"></script> <script> $(window).load(function () { // $('.str3-2').liMarquee(); $dowebok = $('.str4').liMarquee({ //默认没有参数 是向左滚动 direction: 'left', // direction: 'right', // direction: 'up', // direction: 'down', //滚动速度 scrollamount: 100, //非无缝滚动 // circular: false, //禁止拖动 // drag: false, //内容不足不滚动 // runshort: false, //鼠标悬停不暂停 // hoverstop: false, //反向 // inverthover: true }); }); // 事件 $(document).on('click', function () { // 暂停 // $dowebok.liMarquee('pause'); // 播放 // $dowebok.liMarquee('play'); // 销毁 // $dowebok.liMarquee('destroy'); // 更新 $dowebok.liMarquee('update'); }); </script>
原文地址:https://www.cnblogs.com/eliteboy/p/12557829.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 10 个最佳 CSS 动画库
- node中文件监听的实现
- 数据增强策略(一)
- 如何将pdf转换为word 3.0
- 搭建分布式文件系统FastDFS
- Presto Web UI
- Leetcode No.5 最长回文子串
- Python的循环、判断和各种表达式(长文系列第二篇)
- Java内存泄漏、性能优化、宕机死锁的N种姿势
- 从2.9秒到0.6秒,信息流首屏提效80%的秘诀
- 移植nodejs到嵌入式linux,让终端支持可使用js做些功能
- go语言版串口获取银商秘钥工具
- dotnet Microsoft.Recognizers.Text 超强大的自然语言关键词提取库
- Java 基础面试总结
- 银商TMS平台秘钥下载工具