Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery如何获取元素的滚动条高度等实现代码

jquery如何获取元素的滚动条高度等实现代码

2017年02月06日 11 阅读
主要功能：获取浏览器显示区域（可视区域）的高度 ：$（window）.height（）;获取浏览器显示区域（可视区域）的宽度 ：$（window）.width（）;获取页面的文档高度$（document）.height（）;获取页面的文档宽度 ：$（document）.width（）; 浏览器当前窗口文档body的高度： $（document.body）.height（）;浏览器当前窗口文档body的宽度： $（document.body）.width（）...
JS实现带有3D立体感的银灰色竖排折叠菜单代码

JS实现带有3D立体感的银灰色竖排折叠菜单代码

2017年02月06日 13 阅读
本文实例讲述了JS实现带有3D立体感的银灰色竖排折叠菜单代码。分享给大家供大家参考，具体如下：这是一款超酷的可以用到网页左侧的银灰色竖排多级折叠菜单，可以自己为菜单加一个背景，CSS中预留有代码，这是比较标准和经典的一款后台管理模式的菜单，Div+Css结构，符合标准，修改方便，挺不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-3d-left-yhs-menu-demo/具体代码如下：<！DO...
JS实现鼠标滑过链接改变网页背景颜色的方法

JS实现鼠标滑过链接改变网页背景颜色的方法

2017年02月06日 11 阅读
本文实例讲述了JS实现鼠标滑过链接改变网页背景颜色的方法。分享给大家供大家参考，具体如下：这个小特效很不错，用链接改变网页背景色，鼠标放上链接文字上，网页背景就会跟着变换，想让你的主页更个性一点的朋友，这个代码一定能用上，其实你可在此基础上修改一下代码，改成鼠标放上文字切换样式表，这样整个网页就变了风格，是不是很实用？运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-mouse-over-link-cha-...
JavaScript实现的简单烟花特效代码

JavaScript实现的简单烟花特效代码

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现的简单烟花特效代码。分享给大家供大家参考，具体如下：这是一款JavaScript烟花特效，过年的时候放到你的网页上祝贺大家牛年大吉吧，是不是很不错？运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-yh-explode-style-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...
JS实现仿Windows经典风格的选项卡Tab切换代码

JS实现仿Windows经典风格的选项卡Tab切换代码

2017年02月06日 11 阅读
本文实例讲述了JS实现仿Windows经典风格的选项卡Tab切换代码。分享给大家供大家参考，具体如下：这款仿Windows风格的选项卡，带有灰色的立体感，示例内容是用JS控制输出，只是为了演示功能，你在用的时候完全可以去掉的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-windows-style-tab-demo/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//D...
基于jQuery实现的扇形定时器附源码下载

基于jQuery实现的扇形定时器附源码下载

2017年02月06日 13 阅读
效果图如下所示：效果演示 源码下载Pietimer是一个可以在页面上生成一个扇形变化的定时器，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线考试、限时抢购的场景。HTML首先加载jquery库文件和pietimer.js文件。<script src="jquery.min.js"></script> <script src...
js点击文本框后才加载验证码实例代码

js点击文本框后才加载验证码实例代码

2017年02月06日 11 阅读
经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的。而是在点击验证码输入框之后才会显示出来验证码的。下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的。废话不多说了，下面是具体的实现代码。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <ti...
基于JavaScript实现移动端TAB触屏切换效果

基于JavaScript实现移动端TAB触屏切换效果

2017年02月06日 11 阅读
展示效果图如下所示：效果演示 源码下载我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目，如网易新闻等APP栏目切换。我们说的TAB一般由导航条和TAB对应的内容组成，切换导航条上的标签同时标签对应的内容也会跟着切换。本文将结合实例给大家介绍一个移动端TAB触屏切换效果。HTML我们准备一个TAB导航#pagenavi，里面包含TAB导航要切换的四个导航按钮，然后是切换的主体内容#slider，这里应该放置四个li与导航按钮对应，内容自定义。<...
JavaScript中字面量与函数的基本使用知识

JavaScript中字面量与函数的基本使用知识

2017年02月06日 11 阅读
JavaScript 字面量在编程语言中，一个字面量是一个常量，如 3.14。数字（Number）字面量 可以是整数或者是小数，或者是科学计数（e）。3.141001123e5字符串（String）字面量 可以使用单引号或双引号 be written with double or single quotes:"John Doe""John Doe"表达式字面量 用于计算：5 + 65 * 10数组（Array）字面量 定义一个数组：[40, 100, 1,...
深入解析JavaScript的闭包机制

深入解析JavaScript的闭包机制

2017年02月06日 11 阅读
JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。全局变量函数可以访问是有函数内部定义的变量，如：实例function myFunction（） {var a = 4;return a * a;}函数也可以访问函数外部定义的变量，如：实例var a = 4;function myFunction（） {return a * a;}后面一个实例中， a 是一个 全局 变量。在web页面中全局变量属于 window 对象。全局变量可应用...
Javascript 计算字符串在localStorage中所占字节数

Javascript 计算字符串在localStorage中所占字节数

2017年02月06日 11 阅读
最近项目有个需求要用js计算一串字符串写入到localStorage里所占的内存，众所周知的，js是使用Unicode编码的。而Unicode的实现有N种，其中用的最多的就是UTF-8和UTF-16。因此本文只对这两种编码进行讨论。下面这个定义摘自维基百科（http://zh.wikipedia.org/zh-cn/UTF-8），做了部分删减。UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变...
chrome调试javascript详解

chrome调试javascript详解

2017年02月06日 11 阅读
一、Console APIConsole.assert（）判断第一个参数是否为真，false的话抛出异常并且在console输出相应信息。Console.count（）以参数为标识记录调用的次数，调用时在console打印标识以及调用次数。Console.debug（）console.log方法的别称，使用方法可以参考Console.log（）Console.dir（）打印一条以三角形符号开头的语句，可以点击三角展开查看对象的属性。Console.erro...
JS+CSS实现的经典圆角下拉菜单效果代码

JS+CSS实现的经典圆角下拉菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现的圆角下拉菜单效果代码。分享给大家供大家参考，具体如下：相信不少朋友会喜欢这一款菜单，CSS+JS实现的圆角下拉菜单，没有使用任何修饰性的图片哦，圆角完全是用JS完成的，因此代码多了些，想使用的朋友把JS文件提取出来另存，这样更合理些。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-jd-cicle-style-button-demo/具体代码如下：<！DOCT...
在javascript中随机数 math random如何生成指定范围数值的随机数

在javascript中随机数 math random如何生成指定范围数值的随机数

2017年02月06日 11 阅读
今天有朋友向我请教：JavaScript 怎么生成指定范围数值随机数。Math.random（） 这个方法相信大家都知道，是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random（），以及如何用它来生成制定范围内的随机数。w3school的random（）教程定义和用法random（） 方法可返回介于 0 ~ 1 之间的一个随机数。语法Math.random（）返回值0.0 ~...
JS实现Fisheye效果动感放大菜单代码

JS实现Fisheye效果动感放大菜单代码

2017年02月06日 11 阅读
本文实例讲述了JS实现Fisheye效果动感放大菜单代码。分享给大家供大家参考，具体如下：这款Fisheye Menu，是采用JS+CSS+XHTML实现的动感放大菜单，放到图标上的时候，图标会被放大，整个菜单有缓冲弹簧的效果，学jQuery的朋友见的比较多，不过本款没有用到jQuery，效果却同样精彩。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-fisheye-style-menu-demo/具体代...
<< 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图