Welcome 微信登录

首页 / 脚本样式 / JavaScript

JS+CSS实现的经典tab选项卡效果代码

JS+CSS实现的经典tab选项卡效果代码

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现的经典tab选项卡效果代码。分享给大家供大家参考。具体如下：这是一款经典的JavaScript+CSS tab选项卡代码，由以前的一款改写而成，自认为不错的东西，发上来分享吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-jd-tab-cha-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
Javascript实现商品秒杀倒计时（时间与服务器时间同步）

Javascript实现商品秒杀倒计时（时间与服务器时间同步）

2017年02月06日 11 阅读
现在有很多网站都在做秒杀商品，而这其中有一个很重要的环节就是倒计时。关于倒计时，有下面几点需要注意：1.应该使用服务器时间而不是本地时间（本地时间存在时区不同、用户自行设置等问题）。2.要考虑网络传输的耗时。3.获取时间时可直接从AJAX的响应头中读取（通过getResponseHeader（"Date"）来获得），服务器端不需要专门写时间生成脚本。过程分析：1.从服务器读到一个时间戳之后便开始计时，不考虑网络传输的耗时：图中的各项标注分别是（上面的时间线...
javascript中的previousSibling和nextSibling的正确用法

javascript中的previousSibling和nextSibling的正确用法

2017年02月06日 12 阅读
我做的时间的验证，格式是不需要验证的，只需要验证起始日期与结束日期的大小，但是因为输入页面是批量的，而且每一行又是自动生成的，这样就不能用id来作为参数，只能用节点。这就给验证增加了难度。 以下是jsp页面的部分：<td><input id="warrantyStartDateStr" name="warrantyStartDateStr" class="toolbar_button_input_80" type="Text" onCli...
jQuery实现两款有动画功能的导航菜单代码

jQuery实现两款有动画功能的导航菜单代码

2017年02月06日 14 阅读
本文实例讲述了jQuery实现两款有动画功能的导航菜单代码。分享给大家供大家参考。具体如下：这里介绍两个有动画功能的jQuery导航菜单，每个具备移动背景的效果，第二则是渐变背景效果，两个都不错，根据你的喜好选择了，菜单的风格和颜色自己修改一下就能用了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-2-animate-style-nav-menu-codes/具体代码如下：<！DOCTYP...
JS实现光滑展开合拢的菜单效果代码

JS实现光滑展开合拢的菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了JS实现光滑展开合拢的菜单效果代码。分享给大家供大家参考。具体如下：这是一个光滑展开又合拢的JS菜单效果，无jQuery插件，完全JavaScript代码实现，没有过多修饰，有兴趣的美化一下，肯定是款不错的折叠菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-swift-fade-in-out-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLI...
jQuery图片轮播滚动切换代码分享

jQuery图片轮播滚动切换代码分享

2017年02月06日 11 阅读
本文实例讲述了jQuery图片轮播滚动切换特效。分享给大家供大家参考。具体如下：jQuery图片轮播滚动切换代码是一款简单的jquery四张图片轮播滚动切换效果代码，实现过程很简单。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。在head区域引入CSS样式：<link rel="stylesheet" type="text/css" h...
JS实现自动固定顶部的悬浮菜单栏效果

JS实现自动固定顶部的悬浮菜单栏效果

2017年02月06日 13 阅读
本文实例讲述了JS实现自动固定顶部的悬浮菜单栏效果。分享给大家供大家参考。具体如下：这是一款自动固定顶部的悬浮菜单栏代码，不管你如何拉动滚动条，它会始终显示在网页的最顶部，用作网站的顶级导航或公告之类的比较合适吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-fix-top-float-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//D...
ANGULARJS中使用JQUERY分页控件

ANGULARJS中使用JQUERY分页控件

2017年02月06日 11 阅读
首篇，不知写何物，思来想去，敬上分页控件使用方法，望共同探讨。 分页乃前端数据展现之常用功能，而在我们使用的Angular js中，原生的分页需要将数据全部取到前端后，然后再到前端分页，在大批量数据操作时并不实用。接下来，我来介绍了将一种jquery的分页控件修改为Angularjs指令的方法。 首先在web项目中引用jquery1.10、Angularjs库文件以及jq-pagination控件。 我降指令名称为custompagination，为...
jQuery实现折叠、展开的菜单组效果代码

jQuery实现折叠、展开的菜单组效果代码

2017年02月06日 11 阅读
本文实例讲述了jQuery实现折叠、展开的菜单组效果代码。分享给大家供大家参考。具体如下：这是一款jQuery实现的漂亮的竖向折叠菜单组，初次运行的时候请刷新一下页面，让jQ载入，这款菜单应用广泛，可用到后台左侧，网站前台也可以用，发现自腾讯微博开放平台，分享给大家一起研究吧。提示：如果有错误，请刷新页面。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-fade-in-out-menu-group...
JS实现无限级网页折叠菜单（类似树形菜单）效果代码

JS实现无限级网页折叠菜单（类似树形菜单）效果代码

2017年02月06日 12 阅读
本文实例讲述了JS实现无限级网页折叠菜单（类似树形菜单）效果代码。分享给大家供大家参考。具体如下：这是一款超不错的网页折叠菜单，采用JavaScript实现。折叠菜单是大家比较常见到的一种菜单形式，可广泛应用于管理系统、后台左侧、产品列表中，本折叠菜单有点树形菜单的味道，相信“无限级”会满足你的要求。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-unlimit-fade-in-out-tree-menu...
jQuery实现仿美橙互联两级导航菜单效果完整实例

jQuery实现仿美橙互联两级导航菜单效果完整实例

2017年02月06日 11 阅读
本文实例讲述了jQuery实现仿美橙互联两级导航菜单效果。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的仿美橙互联两级导航菜单，效果不错吧，更像是一个滑动门，不会让你失望的。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-f-mchl-2l-nav-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
jQuery实现仿腾讯迷你首页选项卡效果代码

jQuery实现仿腾讯迷你首页选项卡效果代码

2017年02月06日 11 阅读
本文实例讲述了jQuery实现仿腾讯迷你首页选项卡效果。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的选项卡，清爽无修饰版，仿腾讯的迷你首页。选项卡的前后可以有一个控件箭头，点击这两个箭头可控件选项卡向左、向右滚动，在有限的网页空间内布局更多的内容成为可能，相信你会喜欢的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-t-tencent-index-style-nav-codes...
JS+CSS实现精美的二级导航效果代码

JS+CSS实现精美的二级导航效果代码

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现精美的二级导航效果代码。分享给大家供大家参考。具体如下：这是一款基于JS+CSS实现的精美二级导航，适合想学一些基础点的、基础js知识技巧的朋友们。其实本菜单的完成不仅仅是需要基础知识，更需要的是对CSS熟悉之后的巧妙构思，菜单可能都会写，但写出好菜单就不那么容易了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-jm-2l-nav-menu-codes/具体代码如下...
JQuery菜单效果的两个实例讲解（3）

JQuery菜单效果的两个实例讲解（3）

2017年02月06日 12 阅读
最终要达到的效果是如图所示：当单击菜单项的时候，可以实现菜单的折叠与展开，这是我们在网页上经常看到的一个效果。在这里的实现主要应用是CSS控制样式然后配合jquery实现。自己的感想：这里比如说绑定要跳转的页面，只是静态的绑定，不能动态的绑定，我在开发过程中用到的动态绑定是结合asp.net的treeview控件实现的。不知道大家还有没有更好的办法。前台页面代码：<%@ Page Language="C#" AutoEventWireup="true...
JS实现具备延时功能的滑动门菜单效果

JS实现具备延时功能的滑动门菜单效果

2017年02月06日 11 阅读
本文实例讲述了JS实现具备延时功能的滑动门菜单效果。分享给大家供大家参考。具体如下：这是一款鼠标感应时间延迟的滑动门菜单，其实也就是一滑动门，只不过鼠标在移上后不是立即反应，而是稍微迟缓了一下，这样用也是有好处的，这个时间根据你的喜好是可以调整的，本滑动门你可轻易修改外观，把它变成一个内容扩展的菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-delay-style-show-menu-codes/具...
<< 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图