javascript简易动画类（div渐变）

2017年02月06日 24 阅读

程序源码 复制代码 代码如下: function Animate（el, prop, opts） { this.el = el; this.prop = prop; this.from = opts.from; this.to = opts.to; this.time = opts.time; this.callback = opts.callback; this.animDiff = this.to - this.from; } Animate.prot...

防止页面被iframe（兼容IE,Firefox火狐）

2017年02月06日 24 阅读

以前防止页面被iframe使用的是这段代码 复制代码 代码如下: <script type=”text/javascript> if （top.location ！== self.location） { top.location=self.location; } </script> 但是在Firefox里你会发现页面会一直不停的在刷. 页面根本没法用. 这里是因为firefox windows.top如果没有那么就是空,在IE下w...

Js右下角视频广告代码（百度视窗）

2017年02月06日 23 阅读

右下角视窗 请看窗口右下角 var BD_HY_VIDEOAD={};（function（）{var F={videoId:"BD_HY_VIDEOAD_"+new Date（）.getTime（）.toString（）.substring（5,13）,bgFlashShow:0,bdLogoShow:"true",bdSmallShow:"true",bdLogo:"http://eiv.baidu.com/mapm2/0306videoTest/ma...

js DNA动态序列比对代码

2017年02月06日 24 阅读

动态序列比对 function pairaln（seq1, seq2）{ // scoring scheme var MATCH = 1; // +1 for letters that match var MISMATCH = -1; // -1 for letters that mismatch var GAP = -1; // -1 for any gap // initialization var score=[[]]; var pointer=[...

来自国外的一款Js图片浏览效果

2017年02月06日 24 阅读

效果图:测试代码: Js图片浏览器 play [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

Js检查变量类型的代码（）

2017年02月06日 24 阅读

JavaScript检查变量的类型，并判断是整形或是字符串或是其它类型等等。 检查变量的类型 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]2、toString 本来是用来做字符串转换的，不过现在流行用来做变量类型的检查了。舜子这里也写了一个函数，方便检查变量的类型，可以用来代替 typeof 复制代码 代码如下: function getType（o） { var _t; return （（_t = typeof（o）） ==...

JavaScript 递增、递减运算符实例

2017年02月06日 23 阅读

递增、递减运算符 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

一个基于jquery的图片切换效果

2017年02月06日 23 阅读

下面的代码对于学习jquery的朋友是个参考html代码： 代码 复制代码 代码如下: <div class="warp" id="warp"> <img src="http://images.cnblogs.com/cnblogs_com/zhangle/252347/t_pic1.bmp" alt="" class="imgBig" /> <img src="http://images.cnblogs.com/cnblog...

基于jQuery的的一个隔行变色，鼠标移动变色的小插件

2017年02月06日 23 阅读

table HTMLElement效果复制代码 代码如下: var br_cc = （function（）{ var setEffect = function（els,params）{ var settings = {"c1":"#eee","c2":"#ccc","c3":"#f00"}; $.extend（settings,params）; els.each（function（i）{ var self = $（this）; if（i%2==0）{ th...

前端开发必须知道的JS之原型和继承

2017年02月06日 20 阅读

一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： 复制代码 代码如下: function F（）{ alert（F.prototype instanceof Object） //true; } 构造函数，也即构造对象。首先了解下通过构造函数实例化对象的过程。 复制代码 ...

前端开发必须知道的JS之闭包及应用

2017年02月06日 22 阅读

在前端开发必须知道的JS之原型和继承一文中说过下面写篇闭包，加之最近越来越发现需要加强我的闭包应用能力，所以此文不能再拖了。本文讲的是函数闭包，不涉及对象闭包（如用with实现）。如果你觉得我说的有偏差，欢迎拍砖，欢迎指教。一. 闭包的理论 首先必须了解以下几个概念： 执行环境 每调用一个函数时（执行函数时），系统会为该函数创建一个封闭的局部的运行环境，即该函数的执行环境。函数总是在自己的执行环境中执行，如读写局部变量、函数参数、运行内部逻辑。...

jquery 取字符串中数字的正则

2017年02月06日 20 阅读

核心代码:复制代码 代码如下:var paddleft = $（".teacher-title"）.css（"padding-left"）.replace（/[^0-9]/ig, ""）; var num=parseInt（paddleft）; 演示代码: jquery获取页面样式中的值 .teacher-title{padding-left:50px; width:200px;} 看看那 var paddleft = $（".teache...

JavaScript经典效果集锦

2017年02月06日 19 阅读

一 实用且必用的小脚本代码二 鼠标旁边的提示信息,类似与163登录后的页面提示效果三 如果文字过长,则将过长的部分变成省略号显示四 滚动的图片五 接收键盘指令的脚本六 让你的文本链接渐隐渐显七 类似与QQ的好友/黑名单之类的树型菜单-----推荐八 很多的脚本翻页------推荐九 DIV的透明层实现十 JSP页面自动生成html页面/或任何格式页面-----推荐十一 超级强大的表单验证-----推荐十二 漂亮的脚本日历十三 进入,退出页面的各种效果！十四...

Javascript Function对象扩展之延时执行函数

2017年02月06日 23 阅读

不就利用window对象的setTimeout方法吗？Bingo,一点没错！如果你在一个应用里面常常要“延时执行某某函数”，那末基于DRY的原则，可以针对Function全局对象进行扩展,为函数增加一个延时方法如delay，这样会让你的代码更简洁有效。 扩站Function对象增加delay方法如下： 复制代码 代码如下: Function.prototype.delay=function（this1,timeout）{ this1=this1||null...

jquery 3D球状导航的文章分类

2017年02月06日 24 阅读

前几天写了左边这个3D球状导航的文章分类，这里对实现细节做个简单记录。 效果： 分类标题呈现3D球状效果，点击分类标题的时候，会弹出这个分类对应的推荐文章列表。 效果截图： HTML： 复制代码 代码如下: <div id="mainList"> <div id="list"> <ul> <li><a class="HTML" onclick="ClickLink（this）" href="#">...

jquery 查找新建元素代码

2017年02月06日 24 阅读

复习一下 //html <div class="dv"> <ul> <li> <a href="xx.com">xx</a> </li> <li> <a href="aa.com">aa</a> </li> <li> <a href="bb.com">bb</a> </li> </ul...

jQuery选择没有colspan属性的td的代码

2017年02月06日 24 阅读

复制代码 代码如下:$（"#tableName td:not（[colspan]）"）下面是一些补充资料:filter（）和not（）: <script type="text/javascript"> $（document）.ready（function（） { //输出 hello alert（$（"p"）.filter（".selected"）.html（））; //输出 How are you？ alert（$（"p"）.not（".se...

jQuery中filter（）,not（）,split（）使用方法

2017年02月06日 24 阅读

filter（）和not（）: 复制代码 代码如下: <script type="text/javascript"> $（document）.ready（function（） { //输出 hello alert（$（"p"）.filter（".selected"）.html（））; //输出 How are you？ alert（$（"p"）.not（".selected"）.html（））; }）; </script> <...

jQuery基础知识filter（）和find（）实例说明

2017年02月06日 21 阅读

首先 我们看.find（）方法： 现在有一个页面，里面HTML代码为; 复制代码 代码如下: <div class="css"> <p class="rain">测试1</p> </div> <div class="rain"> <p>测试2</p> </div> 如果我们使用find（）方法： var $find = $（"div"）.find（".rain...

一步一步制作jquery插件Tabs实现过程

2017年02月06日 23 阅读

tabs是现在网页应用最广的一种效果，jquery插件和非jquery插件也有不少，有一些朋友问我怎么用jquery.ui.tabs的ajax怎么只请求服务器一次原来我想其实很简单，看看官方的API就了解，不过我在回复这些朋友之前，用firebug查看了官方的ui.tabs发现，声明了ajax缓存，每点一个tabs时，仍然会有服务器请求这应该是服务器缓存，而不是实际上我们要求的只ajax一次，不再请求服务器了接下来我找了一下其它的tabs插件，基本上没有符...