Welcome 微信登录

首页 / 脚本样式 / JavaScript

JS+CSS相对定位实现的下拉菜单

JS+CSS相对定位实现的下拉菜单

2017年02月06日 11 阅读
本文实例讲述了JS+CSS相对定位实现的下拉菜单。分享给大家供大家参考。具体如下：这里使用的是相对定位，不过效果还可以，用时候再修整一下，这个只是实现了大概功能，还有许多细节没有修饰。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-ab-fix-menu-codes/具体代码如下：<html><head><title>非定位CSS+Js下拉菜单</titl...
JS实现的文字与图片定时切换效果代码

JS实现的文字与图片定时切换效果代码

2017年02月06日 11 阅读
本文实例讲述了JS实现的文字与图片定时切换效果代码。分享给大家供大家参考。具体如下：这是近来门户们都喜欢用的特效，左侧是一个大图片，右侧是对应文字，鼠标移动时，对应行的文字会变化，图片也相应的切换，如果没有鼠标动作时，它会自己播放，播放时间可调整，个人感觉挺不错的导航效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-txt-pic-time-cha-tab-codes/具体代码如下：<head&...
JS实现三个层重叠点击互相切换的方法

JS实现三个层重叠点击互相切换的方法

2017年02月06日 11 阅读
本文实例讲述了JS实现三个层重叠点击互相切换的方法。分享给大家供大家参考。具体如下：该效果实现三个或多个重叠层，按一定规则重叠在一起，当你用鼠标点击任意层的时候，该层被显示在最上部，多个层交替切换，代码简单，同时学习CSS也是不错的参考范例，本例的功能需要JavaScript代码配合。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-3ccd-tab-click-cha-style-codes/具体代码如下...
用JavaScript判断CSS浏览器类型前缀的两种方法

用JavaScript判断CSS浏览器类型前缀的两种方法

2017年02月06日 13 阅读
不管我们对浏览器类型前缀有多么的讨厌，我们都不得不每天面对它，否者有些东西不能正常工作。这些前缀的用法有两种：在CSS里（例如“-moz-”）和在JS里。有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本，可以用来判断当前使用的是什么前缀——让我来展示它是如何工作的！比如 CSS 前缀，IE 的是 "-ms-"，旧版 Opera 的是 "-o-"，Firefox 的是 "-moz-"，Safari/Chrome 是 "-webkit-"...
分享五个有用的jquery小技巧

分享五个有用的jquery小技巧

2017年02月06日 12 阅读
下文里技巧实现的效果虽然并不新鲜，但通过jQuery的封装，HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标，也许它简单，但是它能量巨大。一起来看看脚本之家小编推荐给大家的五个非常实用的jQuery技巧。1.禁用鼠标右键$（document）.ready（function（） {$（document）.bind（"contextmenu", function（e） {return false;}）;}）;当然jquery...
JS+CSS实现的蓝色table选项卡效果

JS+CSS实现的蓝色table选项卡效果

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现的蓝色table选项卡效果。分享给大家供大家参考。具体如下：这是一款蓝色的JS+Table类型的选项卡，部分标签内容存储在JS数组，个人感觉本特效不是太合理，因为内容从Js里输出会给读取内容造成很大麻烦，这里你就当学习一种JS编程方法，代码是需要改进的。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-blue-table-style-nav-demo/具体代码如下...
Javascript控制div属性动态变化实例分析

Javascript控制div属性动态变化实例分析

2017年02月06日 11 阅读
本文实例分析了Javascript控制div属性动态变化的方法。分享给大家供大家参考。具体如下：这里使用JS控制div属性变化，另Div的几何尺寸发生变化，例如变宽、变高、改变颜色、隐藏Div、重置所有属性为默认值等。虽然在本例中，这些属性值的改变很简单就可实现，但在JavaScript网页前端设计中，这种属性或方法经常会被用到，因此还是值得大家关注的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-ch...
JS实现常见的TAB、弹出层效果（TAB标签，斑马线，遮罩层等）

JS实现常见的TAB、弹出层效果（TAB标签，斑马线，遮罩层等）

2017年02月06日 11 阅读
本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下：这里演示tab活页夹（网页标签），斑马线，遮罩层、弹出层的简单实现，里面的JS文件，可下拉保存为JS代码调用即可，也可以拷贝在本网页中使用。这个小网页囊括了目前网上流行的风页标签、弹出层以及斑马线效果，很实用啦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-tab-alert-bq-style-demo/具体代码如下：<...
js实现超酷的照片墙展示效果图附源码下载

js实现超酷的照片墙展示效果图附源码下载

2017年02月06日 11 阅读
这是一个超酷的照片墙展示效果，很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果，照片快速从左侧切入，做旋转3D效果，最后在照片墙上整齐排列，为用户展示了超酷的照片墙展示效果。查看演示 下载源码HTML本文结合实例给大家分享超酷的照片墙效果，该效果依赖jQuery和easing插件，因此首先载入这两个文件。<script src="jquery.min.js"></script> <script src="jquery.easi...
jQuery实现仿微软首页感应鼠标变化滑动窗口效果

jQuery实现仿微软首页感应鼠标变化滑动窗口效果

2017年02月06日 11 阅读
本文实例讲述了jQuery实现仿微软首页感应鼠标变化滑动窗口效果。分享给大家供大家参考。具体如下：这是一款jQuery仿微软首页感应鼠标变化的滑动窗口，鼠标放上后，窗口会向左拉长，鼠标移走后恢复原样，是在微软官方网站发现的，看了看代码，觉得很容易就扣下来，不敢独享。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-f-microsoft-web-nav-demo/具体代码如下：<！DOCTYP...
jQuery仅用3行代码实现的显示与隐藏功能完整实例

jQuery仅用3行代码实现的显示与隐藏功能完整实例

2017年02月06日 11 阅读
本文实例讲述了jQuery仅用3行代码实现的显示与隐藏功能。分享给大家供大家参考。具体如下：jQuery技术相当好使用，的确可以用很少的代码实现想要的功能，比如这款经常用到的“显示”与“隐藏”的功能，只需要3行代码就实现了，确实够给力。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-simple-hide-show-style-demo/具体代码如下：<！doctype html>&l...
Jquery中使用show（）与hide（）方法动画显示和隐藏图片

Jquery中使用show（）与hide（）方法动画显示和隐藏图片

2017年02月06日 11 阅读
（1）功能描述 在页面中单击“显示”连接，通过show（）方法以动画的方式显示一幅图片，同时在方法中执行一个回调函数，用于改变图片的边框样式；单击已显示的图片时，通过hide（）以动画的方式隐藏该图片。（2）实现代码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
jQuery表格行上移下移和置顶的实现方法

jQuery表格行上移下移和置顶的实现方法

2017年02月06日 12 阅读
我们在操作列表数据的时候，需要将数据行排列顺序进行调整，如上移和下移行，将行数据置顶等，这些操作都可以在前端通过点击按钮来完成，并且伴随着简单的动态效果，轻松实现表格数据排序。运行效果图：HTML页面上是一个简单的数据表格，我们在数据行中分别放置“上移”，“下移”和“置顶”三个链接，并且分别定义三个class属性，我们来通过jQuery实现这些操作。<table class="table"><tr> <td>HTML5获...
JS实现样式清新的横排下拉菜单效果

JS实现样式清新的横排下拉菜单效果

2017年02月06日 11 阅读
本文实例讲述了JS实现样式清新的横排下拉菜单效果。分享给大家供大家参考。具体如下：这是一款灰色调横排清新的下拉菜单，完全符合WEB标准，兼容性不错，菜单简洁好用，适合大部分的网页风格。如果色调不是你想要的，自己发挥聪明才智，修改一下吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-style-hp-menu-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//...
JavaScript实现横向滑出的多级菜单效果

JavaScript实现横向滑出的多级菜单效果

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现横向滑出的多级菜单效果。分享给大家供大家参考。具体如下：这是一款JavaScript横向滑出的多级菜单，只用鼠标放上就可以动画出现二级菜单，整体设计精美，大气，博客上也可以用哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-hx-show-menu-style-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHT...
JS实现可展开折叠层的鼠标拖曳效果

JS实现可展开折叠层的鼠标拖曳效果

2017年02月06日 11 阅读
本文实例讲述了JS实现可展开折叠层的鼠标拖曳效果。分享给大家供大家参考。具体如下：这是一款简单JS代码实现的鼠标拖曳图层效果，比较精简，大家参考一下。鼠标点击层标题栏可实现层内容的展开与折叠，按住标题栏可实现层的拖动。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-fade-out-mouse-draw-style-demo/具体代码如下：<！DOCTYPE HTML PUBLIC "-//W3C/...
jQuery拖动布局其结果保存到数据库

jQuery拖动布局其结果保存到数据库

2017年02月06日 11 阅读
最近的项目中涉及到了用户个性化定制首页的需求，用户要求可以随意拖动首页模块的位置，来实现个性化的布局。本文讲解如何使用和PHP实现拖动布局并将拖动后的布局位置保存到数据库。很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种cookie记录的方式使用简单，但...
jQuery控制DIV层实现由大到小，由远及近动画变化效果

jQuery控制DIV层实现由大到小，由远及近动画变化效果

2017年02月06日 11 阅读
本文实例讲述了jQuery控制DIV层实现由大到小，由远及近动画变化效果。分享给大家供大家参考。具体如下：这里介绍jQuery控制DIV由大到小，由远及近动画变化效果，使用jquery生成动画效果的一个小例子，希望大家喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-div-animate-cha-style-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W...
<< 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图