两种简单实现菜单高亮显示的JS类代码
记得当年写静态页时,为了实现高亮都是在每个页面加不同的样式,呵.高亮显示我觉得对于web前端来说,是比较常用到的效果,正好此次又要用到,特地整理出我所写的两种高亮类.
其实思路很简单,第一种方法是通过遍历链接组...
基于jquery的淡入淡出选项卡效果代码
经典选项卡 .tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;} .tab dt{border-bottom:#ccc 1px solid;height:25px;background:#f1f1f1;margin-bottom:-1px;height:25px;line-height:25...
判断是否是IE6版本并给出提示升级浏览器
下面的效果，只能在IE6下才能看到效果。 判断IE版本并给出提示升级浏览器 #ie6-warning{ background:rgb(255,255,225) url("/upload/201006/20100628012515690.gif") no-repeat scroll 3px center; position:absolu...
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
大家在使用JavaScript的时候，DOM操作是最平常不过的了， 随着Web前端技术的发展,我们越来越多的使用JS来操作DOM元素，比如通过ajax请求获取到数据，然后更新页面上的元素，一般情况下，这种操作我们会用类似node.appendChild()...
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
默认情况下，生成的页面代码可能与下面的代码类似： 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
―、获取dropdownlist的text（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签）
$("#ddlList option:selected").text()
二、获取dropdownlist的value（ddlList为服务器端dropdownlist的ID...
Jquery ui css framework
Jquery ui中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jquery ui的界面上，并且可以通过jquery ui ThemeRoller来生成自己的样式。
.ui-helper-hidden :为元素应用display:none
.ui-...
jquery photoFrame 图片边框美化显示插件
三种样式都是用photoframe实现的，我会继续丰富其样式，目标是拿来即用，简化页面代码。使用： 复制代码 代码如下: <link type="text/css" rel="stylesheet" href="stamp/style.css" /> <script type="text/javascript" src=...
使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由
主要理由有以下几点： 1、拖控件太麻烦，这个是微软控件的常用方式，你要使用一个控件你得从工具栏中拖到页面里（当然你也可以不拖手写）。2、必须指定验证对象，验证控件与其他textbox，dropdownlist控件不同的是它是验证其他控件...
Whatever:hover 无需javascript让IE支持丰富伪类
这很酷，因为这使你可以仅通过 css来对表格行(<tr>)应用鼠标滑过事件(mouseover)时的特殊效果。然而，万恶的IE，对 :hover伪类顶多只提供了有限的支持，具体支持的程度要取决于你的IE浏览器的具体版本。 Whatever:hover 是一...
javascript hasFocus使用实例
如果网页处于焦点状态返回true,否则返回fasle 什么是焦点？焦点是指用户是否活动在该页面．确切的说鼠标是否在该网页内活动．或者说该网页中的内容是否有被选中的，或者光标存在于该页的某个元素内．如果具备其中一个条件那么...
通过javascript的匿名函数来分析几段简单有趣的代码
1、简单形式的封装调用 复制代码 代码如下: var userName = function() { return "jeff wong" } (); alert(userName);
上面的代码确实简单，我们可以逐步分解成下面的写法： 复制代码 代码如下: var anonymousFunc =...
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
html代码 复制代码 代码如下: <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>试试</title> </head> <script type="text/javascript"> var data = { '1�...
javascript与CSS复习(二)
visibility：在切换元素可见性的同时会保持元素在普通流中的位置和空间。它有两个值：visible（默认的）和hidden（不可见的）， 例如： 复制代码 代码如下: <p>Hello <b>John</b>, how are you today?</p> 浏览器中是：Hello John, ho...
javascript与CSS复习（《精通javascript》）
如：elem.style.height 或者 elem.style.height = '100px', 这里要注意的是设置任何几何属性必须明确尺寸单位（如px），同时任何几何属性返回的是表示样式的字符串而非数值（如'100px'而非100）。另外像elem.style.height这样的...
CSS和Javascript简单复习资料
CSS：内联样式表 标签内直接加style=””嵌入式样式表 定义在<head>标签 <style type=”text/css”>外部样式表 <link rel=”StyleSheet” href=”style.css”> 选择器：HTML选择器...
javascript与CSS复习(三)
我们先来看看如何获取光标相对于整个页面的位置，因为光标位置变量x，y一般通过鼠标事件获取(如mousemove或者mousedown)，下面两个通用函数，用于获取光标相对于整个页面的当前位置。 复制代码 代码如下://获取光标的水平位...
JavaScript多级下拉菜单代码(简单实用)
JavaScript下拉菜单 * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #nav...
JavaScript 函数式编程实践(来自IBM)第1/3页
函数式编程简介 说到函数式编程，人们的第一印象往往是其学院派，晦涩难懂，大概只有那些蓬头散发，不修边幅，甚至有些神经质的大学教授们才会用的编程方式。这可能在历史上的某个阶段的确如此，但是近来函数式编程已经在实际应...
Jquery AJAX 用于计算点击率(统计)
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Demo </TITLE> </HEAD> <BODY> <script src="jquery.js" type="text/javascript"></...
基于jquery的图片懒加载js
以下是实现代码(基于jquery): 复制代码 代码如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(ty...
一个简单的js鼠标划过切换效果
上次帮朋友写过的一个简单切换效果,超级简单,但也比较适用.因为用到了CSS Sprite技术,DEMO中附带了IE6兼容png的JS. 核心JavaScript代码:点此查看DEMO 复制代码 代码如下: //@Mr.Think获取对象属性兼容方法 function...
jQuery 通过事件委派一次绑定多种事件，以减少事件冗余
于是乎，在日常的开发中大量使用连缀写法，而事件方法连缀就是一个特例。若给一个Dom对象使用了绑定了多个事件，便于阅读和书写，习惯了使用连缀写法，但这样的书写方式会造成时间的冗余。 1.事件冗余：多个事件方法中多次调用相...
jQuery ajax cache缓存问题
在jquery里面用$.ajax 然后， 指定ajax属性的时候， 使用了：'false' .
可恶的javascript特性就在这里出现了。
在jquery里面， 大部分的时候， 属性要用''引起来。 否则容易变成变量名。比如red， 引不引都差不多。但是引起...
javascript 实用的文字链提示框效果
效果要基本实现以下功能： （1）鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失； （2）把提示框的位置控制在文本域范围之内，如果链接文...