首页> javascript

各种js倒计时

分类:前端开发2011-11-28阅读:(910)标签:javascript
各种js倒计时代码。第一种:精确到秒的javascript倒计时代码HTML代码:<form name=”form1″> <div align=”center” align=”center”> <center>离2010年还有:<br> <input type=”textarea” name=”left” size=”35″ style=...

Firefox和IE之间7个JavaScript的差异

分类:前端开发2011-11-07阅读:(857)标签:javascript
<p>尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。</p><p>这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。CSS “float” ...

JQuery图片延迟加载

分类:前端开发2011-10-24阅读:(891)标签:javascript, jquery
<p>现在很多图片量大的网站都采用了一种技术,让打开的网页只显示一部分图片,当浏览者需要浏览后面的图片,拖动滚动条,图片进入可是区域后,才加载图片。这种方法大大的减少了网页打开的时间。淘宝等网站都使用了这种方法。</p><p>图片延迟加载</p><p>现在的网站一般都有用到jquery,在做图片延迟加载时,我们在jquery基础上,...

Jquery渐变效果函数之fadeIn,fadeOut和fadeTo

分类:前端开发2011-09-01阅读:(1566)标签:javascript, jquery
<p>我们来看看jquery是如何实现淡入 淡出效果的.</p><p>fadeOut(speed,callback)</p><p>通过不透明度的变化来实现所有匹配元素的淡<span style="color: #ff0000;">出</span>效果,并在动画完成后可选地触发一个回调函数。...

文字间歇性停顿的滚动效果

分类:前端开发2011-04-27阅读:(889)标签:javascript
一些企业网站的新闻经常用一条,间歇性停顿滚动,这样的效果网上很多,有用jQuery的,也有原生态js的。这里用个原生态的。留作备用。<div style=”margin-top:30px;padding:10px;background:url(img/bg2.gif) bottom repeat-x”> <div style=”overflow:hidden;height:...

jQuery对象和DOM对象的相互转换

分类:前端开发2011-04-02阅读:(895)标签:javascript, jquery
一开始学jQuery就应当树立正确的观念,分清jQuery对象和DOM对象之间的区别,之后学习jQuery就会轻松很多。在讨论jQuery对象和DOM对象的相互转换之前,先约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable = jQuery 对象;如果获取的是DOM对象,则定义如下:var $variable = DOM对象;1、j...

页面内容保护

分类:前端开发2011-03-01阅读:(940)标签:javascript
用代码禁止页面内容的选择、复制,禁止用右键菜单查看源代码。在IE浏览器中,可以通过document对象的onselectstart和oncontextmenu事件禁止选择、复制页面内容,禁止弹出快捷菜单,但是通常不拦截文本框内容的选择、复制,代码如下:<body> <script type="text/javascript"> function...

AJAX实现局部内容刷新

分类:前端开发2011-02-20阅读:(899)标签:javascript, ajax
AJAX是Asynchronous Javasript and XML的简写,表示用Javasript异步地和服务器交换以XML格式封装的信息。所谓异步,就是信息发送出去后无需等待反回,可以继续做别的事情,当有信息返回时再通知处理。普通的提交表单动作有两个弱点,一是提交后有一段刷新时间,二是提交后所有的信息都要重新从服务器端取回。AJAX由于是在后台异步提交i,不会影响前台的操作界面,客户提...

点击显示隐藏相应的块

分类:前端开发2011-02-14阅读:(912)标签:javascript
做网页时经常有用到选项卡,网上找的代码有很多都很复杂,用JQ感觉也很麻烦,平时涉及到的选项卡相对较少,所以收集到一个以循环方式显示隐藏层的javascript片段:<style type=”text/css”> .div{width:100px;height:50px;border:1px solid #999999;text-align:center;} .div span{l...

javascript经典的选项卡切换(详解)

分类:前端开发2011-01-30阅读:(1657)标签:javascript
分享一个经典的js选项卡效果,就几行代码就可以控制全局的选项卡。下面来看一下代码:<script> <!– function setTab(name,cursel){ for(i=1;i<=40;i++){ var menu=document.getElementByIdx_x(name+i); var con=document.getElementByIdx_x(“...
前端开发