• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > JQuery 插件制作实践 xMarquee插件V1.0

JQuery 插件制作实践 xMarquee插件V1.0

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了JQuery,xMarquee,插件等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
插件需求
1,向左或者右移动列表中的元素.(注,上下方向也一样的,用css控制列表元素float的方向即可~)
2,鼠标移动到某个元素上时,改元素突出显示(css控制),播放器停止滚动。移开后继续跑马。。
3,可选左右手工导航按钮。
jquery_xmarquee_m18 
实现原理
移动列表末尾元素到第一个元素前面即可。
将来的扩展(以后用到的话再看吧)
多个元素同时移动;移动时的效果;移动后的回调函数;(注:利用移动后的回调函数可以方便做一个相册插件,有兴趣的自己写下)。做开发的人要记住一句话:Do the simplest thing that could possibly work!做最简单可用的东东,千万别过分设计。
xMarquee API说明
1,dom规约
看下面源码处~2,css示例
看下面源码处~
3,主方法调用
打包下载地址
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • jquery checkbox 勾选的bug问题解决方案与分析
  • jquery ezUI 双击行记录弹窗查看明细的实现方法
  • jQuery实战之仿淘宝商城左侧导航效果
  • jQuery自定义动画函数实例详解(附demo源码)
  • 基于jQuery+Cookie实现的防止刷新的在线考试倒计时
  • jQuery删除节点的三个方法即remove()detach()和empty()
  • jquery $.ajax各个事件执行顺序
  • jquery动态调整div大小使其宽度始终为浏览器宽度
  • jQuery给多个不同元素添加class样式的方法
  • jQuery实现拖拽页面元素并将其保存到cookie的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery Moblie入门—hello world的示例代码学习
    • 基于jquery实现的类似百度搜索的输入框自动完成功能
    • jQuery源码分析-05异步队列 Deferred 使用介绍
    • jquery自定义插件开发之window的实现过程
    • JQuery中关于jquery.js与jquery.min.js的比较探讨
    • jquery text(),val(),html()方法区别总结
    • jQuery操作Select的Option上下移动及移除添加等等
    • jQuery实现360°全景拖动展示
    • jQuery渐变发光导航菜单的实例代码
    • 仿JQuery输写高效JSLite代码的一些技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有