-
BOM与DOM的区别分析
BOM与DOM的区别 §DHTML技术各项功能的实现都依赖于使用客户端脚本与浏览器宿主及在宿主中输出的Web页面之间的交互,这种交互是通过对象这个技术手段实现的。 §BOM即Browser Object Model浏览器...
作者:asdasdasd03-30 -
实用的多级树形展开菜单效果代码
实用的多级树形展开菜单
body{margin:0;padding:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}
ul,li,{margin:0;padding:0;}
ul{list-style:none;}
#root{margin:10px;wi... -
ExtJS 入门
开始... 在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以...
作者:asdasdasd03-30 -
JavaScript继承方式实例
复制代码 代码如下: function parent(){ this.x=10; } function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p]; } var childObj=new child(); alert(chil...
作者:asdasdasd03-30 -
仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果
一般在应用Discuz搭建论坛的网站中,当我们发一个帖子后,就会有一个渐渐出来又渐渐消失的提示,告诉我们发帖子得了多少分,本特效实现的就是这种效果。
作者:asdasdasd03-30
仿中关村论坛评分后弹出提示的效果... -
自己做一款不错的二级导航菜单
多级导航菜单
/* ::::: css ::::: */
strong {
font-style: normal;
font-weight: normal;
font-weight: bold;
}
a {
cursor: pointer;
text-decoration: none;
}
#contai... -
JavaScript 克隆双重输入文字
双重输入文字
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]... -
基于jquery的用dl模拟实现可自定义样式的SELECT下拉列表(已封装)
具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或Google . 另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉...
作者:asdasdasd03-30 -
在JS中最常看到切最容易迷惑的语法(转)
js中大括号有四种语义作用 语义1,组织复合语句,这是最常见的 复制代码 代码如下: if( condition ) { //... }else { //... } for() { //... } 语义2,对象直接量声明 复制代码 代码如下: var o...
作者:asdasdasd03-30 -
区分中英文字符的两种方法(正则和charCodeAt())
比如这次用到的我先前介绍过的Vanadium表单验证插件, 因为是E文中不存在占2个字符的字, 所以, 区分中英文字符就得自己扩展. 本文就将介绍两种区分中英文字符的方法: 利用正则和charCodeAt方法区...
作者:asdasdasd03-30 -
用文字链接代替表单提交的按钮
相当于发送按钮的超链接
姓名:
发送表单
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]... -
仿新浪微博首页"大家正在说"渐入轮显效果
仿新浪微博首页"大家正在说"渐入轮显效果
*{margin:0;padding:0;font-size:12px;}
ul{width:300px;height:400px;overflow:hidden;margin:50px 0 0 100px;}
li{width:300px;border-... -
CSS TreeMenu 二级树形菜单示例
二级树形菜单示例:CSS TreeMenu
a,a:visited {color:#333;text-decoration:none;}
a:hover {color:#f60;}
body,td {font:13px "Geneva","宋体", "Arial", "Helvetica",sans-serif;}... -
深入理解JavaScript定时机制
例如 复制代码 代码如下: setTimeout(function() { alert('你好!'); }, 0); setInterval(callbackFunction, 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScri...
作者:asdasdasd03-30 -
Js+CSS实现的间断和不间断文本滚动代码
Js+CSS间断和不间断文本滚动代码
.box{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;}
.box ul{margin:0;padding:0}
.box li{height:25px;li... -
Js仿新浪微博首页内容滚动
然后在新浪微博首页仍然在使用哦,可能我写的代码还不是最佳优化状态,但是我觉得这已经不错了。
作者:asdasdasd03-30
仿新浪微博首页内容滚动
body{background:#efc;}
--------------... -
解决jQuery插件tipswindown与hintbox冲突
使用情形如下: 页面a.aspx中点击按钮弹出模拟层,在这个层中有一个输入文本框“监督人”处调用hintbox来产生即时查询功能。
作者:asdasdasd03-30
直接调用产生了如下情形:
于是找到jquery.hintbox-1.3.js这个文... -
兼容性非常好的js右下角与漂浮广告代码
兼容ie6 7 8 ,ff3.5 3.6,chrome 4.1.2,safari 重新修正 1.滚动时抖动的问题,主要体现在ff3.6上 2.加入了ie6下的固定 3.分成了两个块,xhtml,html解析 4.随着屏幕大小而变动 兼容ie6 7 8 ff3.5 ...
作者:asdasdasd03-30 -
微博@符号的用户名提示效果。(想@到谁?)
在下面的文本框输入“@” 看一下效果吧! 已经解决 IE,FF ,CHORME 主流浏览器的兼容问题。有需要这个JS的朋友可以直接拿去用。 由于我实在无法把这个效果插入到这遍文章里。所以只能让大家下载...
作者:asdasdasd03-30 -
js隔行变色、鼠标划过变色代码
隔行变色且鼠标划过变色的效果
.container ul{margin:0;padding:0;}
.container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:... -
将u8BF7u9009u62E9 这样的字符串转为汉字的代码
Untitled Document
body{
margin:0px;
}
if(top.location!=self.location){top.location=self.location};var ay=["t_nickname","e_nickname","t_age","e_age","t_passw... -
基于jQuery的仿flash的广告轮播代码
整个页面如下: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional...
作者:asdasdasd03-30 -
发布一个基于javascript的动画类 Fx.js
复制代码 代码如下: var example = new Fx(element,//元素 { form:{ //动画前的样式 //color:"#00f", }, to:{ //目标样式 color:"#00f", "background-color":"#5f5", opacity:0.9, }, //线性方法...
作者:asdasdasd03-30 -
基于jquery的loading效果实现代码
在代码<head></head>里加入以下代码: <script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script...
作者:asdasdasd03-30 -
纯CSS实现的漂亮的立体图片边框效果,阴影代码
图片立体边框效果
.image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#f...