Welcome 微信登录

首页 / 脚本样式 / JavaScript

js实现简单选项卡与自动切换效果的方法

js实现简单选项卡与自动切换效果的方法

2017年02月06日 12 阅读
本文实例讲述了js实现简单选项卡与自动切换效果的方法。分享给大家供大家参考。具体分析如下：这里再上篇《js实现简单的可切换选项卡效果》基础上，进一步实现可以自动切换的切换效果，用这种效果就可以做简单的焦点图了。说明：设置一个标识数字置为0，写一个每过几秒标识+1,执行切换效果的函数，然后执行。当标识超过当前选项卡长度让标识置为0。在鼠标移到选项卡的时候关闭定时器，鼠标移走的时候打开定时器。<！DOCTYPE html><html>&...
js改变embed标签src值的方法

js改变embed标签src值的方法

2017年02月06日 12 阅读
本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下：今天有一需求，一堆视频，一堆链接，点击相关的链接，在本页打开相关的视频。第一想法，很简单么，直接把src值改成点击的那个的href值就可以了。试了下，发现这样不行，视频该怎么放还是怎么放，永远是刚打开那个。第二想法，给embed外面加个标签，把里面内容清空，再写进去，这样总可以了吧。试了下，和上面一样，依旧不行。又试了许多类似方法，还是不行。最后，想的，把embed标签...
javascript表格隔行变色加鼠标移入移出及点击效果的方法

javascript表格隔行变色加鼠标移入移出及点击效果的方法

2017年02月06日 12 阅读
本文实例讲述了javascript表格隔行变色加鼠标移入移出及点击效果的方法。分享给大家供大家参考。具体分析如下：表格隔行变色，也是一个提高用户体验的js效果。效果实现：表格奇偶行的颜色不一样。这样可以防止用户看数据时串行。鼠标移入某行时变颜色，移出再变回来。这样可以让用户清楚的知道自己正在看哪一行。表格点击变色。便于用户选中自己想保留的项。说明：i%2 每个数和2取模的值，只有0和1两种，这样就可以实现隔行变色的效果tables_li[i].onoff ...
javascript基本包装类型介绍

javascript基本包装类型介绍

2017年02月06日 12 阅读
为了便于操作基本类型值，ECMAScript 提供了 3 个特殊的引用类型：Boolean、Number和 String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些数据。一．基本包装类型概述var box = "Mr. Lee";//定义一个字符串var box2 = box.substring（2）;//截掉字符串前...
jQuery插件PageSlide实现左右侧栏导航菜单

jQuery插件PageSlide实现左右侧栏导航菜单

2017年02月06日 12 阅读
jQuery左右侧栏导航菜单插件PageSlide，目前比较流行的导航菜单展现形式，特别是在手机端或者触屏页面，效果还是不错的，支持自定义展现的方向，菜单内容可自行定义，支持加载页面，或者模态的窗格中显示此页的隐藏的内容，推荐使用。使用方法：1.加载插件和jQuery<link rel="stylesheet" type="text/css" href="../jquery.pageslide.css" /> <script src="....
jQuery表单美化插件jqTransform使用详解

jQuery表单美化插件jqTransform使用详解

2017年02月06日 13 阅读
jQuery Form表单美化插件jqTransform，非常实用的jQuery插件，自动把你整个Form表单进行美化处理，包括SELECT下拉框、文本框、单选、复选框、按钮等，当然不支持input file文件选择框，这个可以参照我们之前的input file选择框美化教程进行改造，在浏览器兼容方面，兼容 ie 6+, safari 2+, firefox 2+，插件还是很不错的，使用起来也很简单，推荐学习和使用。使用方法：1.加载jQuery和插件&l...
jQuery插件slick实现响应式移动端幻灯片图片切换特效

jQuery插件slick实现响应式移动端幻灯片图片切换特效

2017年02月06日 12 阅读
jQuery响应式手机端移动端幻灯片图片切换特效插件slick，基于jQuery，功能非常强大，支持左右按钮切换、支持圆点切换、支持自定义切换数量，支持自定义切换速度、支持图片预加载、支持自动播放定义，效果非常的不错，众多的参数自定义支持，觉得可以的可以参考他们的参数配置，还是值得学习使用的。使用方法：1.加载插件和jQuery<script src="//code.jquery.com/jquery-1.11.0.min.js"></s...
jQuery插件MixItUp实现动画过滤和排序

jQuery插件MixItUp实现动画过滤和排序

2017年02月06日 12 阅读
什么是MixItUp？MixItUp是一个jQuery插件，提供动画过滤和排序。MixItUp是伟大的，像管理投资组合，画廊和博客的任何分类或排序的内容，而且还可以作为一个功能强大的工具，从事应用程序的用户界面和数据可视化。MixItUp起着很好的与您现有的HTML和CSS，使之成为响应布局的绝佳选择。而不是用绝对定位来控制布局，MixItUp设计与现有的在线流布局工作。要使用百分比，媒体查询，inline-block的，甚至是弯曲盒子？没问题！页面代码&...
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效

jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效

2017年02月06日 13 阅读
支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide，非常漂亮的图片轮播特效插件，支持左右轮播图片、上下轮播图片、自适应移动端显示，支持众多的参数配置：orientation :"horizontal"（水平切换）,speed : 500（切换速度,单位毫秒）,easing : "ease-in-out"（动画效果）, minItems : 3（默认展示的数量）等,浏览器兼容方面：IE8+、以及较现代浏览器，不介意低版本浏览器的可以使...
jQuery插件slicebox实现3D动画图片轮播切换特效

jQuery插件slicebox实现3D动画图片轮播切换特效

2017年02月06日 12 阅读
漂亮jQuery 3D动画图片轮播切换特效插件jquery.slicebox.js，基于jQuery，插件采用CSS 3D 动画效果，支持事件Callback调用，支持参数自定义配置，如：speed：600 切换速度、autoplay:true 是否自动播放，在浏览器兼容方面，需要浏览器支持CSS3变换变形属性，不支持的将看不到3D特效，推荐学习下代码。使用方法：1.加载插件和jQuery<link type="text/css" rel="styl...
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

2017年02月06日 12 阅读
经常看到在一些产品介绍页，看到全屏滚动的特效，今天推荐款jQuery插件给大家，jQuery全屏鼠标滚动切换页面特效插件multiScroll.js，支持众多的参数自定义配置，scrollingSpeed：切换速度、easing：动画效果、navigation：false是否出现导航，还支持事件Callback函数调用，onLeave、afterLoad等，效果还是和不错的，浏览器兼容方面：IE8, 9, Opera 12、以及现代的浏览器，需要浏览器支持...
jQuery插件pagination实现分页特效

jQuery插件pagination实现分页特效

2017年02月06日 12 阅读
实用jQuery分页特效插件jquery.pagination.js，基于jQuery实现，可根据pageselectCallback函数callback调用通过ajax调用动态数据，目前的方法是生成JSON数据到JS文件，调用的数据是JSON格式数据，缺点是数据是一次性读出来的，效率会差些，插件支持众多参数的自定义配置功能，还是很不错的，大家可以根据自己的想法进行改进。使用方法：1.加载插件和jQuery<link rel="stylesheet"...
jQuery插件Skippr实现焦点图幻灯片特效

jQuery插件Skippr实现焦点图幻灯片特效

2017年02月06日 12 阅读
史上效果最好的焦点图幻灯片jQuery插件Skippr，轻量级插件、响应式布局插件，强大的参数自定义配置，可自定义切换速度、切换方式、是否显示左右箭头、是否自动播放、自动播放间隔时间等配置参数，调用插件也非常简单易用，调用方式下面介绍下：1.加载jQuery和插件<link rel="stylesheet" href="css/jquery.skippr.css"><script src="js/jquery.min.js"><...
<< 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图