2012年07月_cui_angel

转载 js用currentStyle和getComputedStyle获取css样式（非行间）

用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例：js用currentStyle和getComputedStyle获取css样式#div1{width:100px; height:100px; backgr

2012-07-31 17:47:11 24472

转载关于获取各种浏览器可见窗口大小的一点点研究

function getInfo() { var s = ""; s = " 网页可见区域宽：" document.body.clientWidth; s = " 网页可见区域高：" document.body.clientHeight; s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)"; s = " 网页可见区域高："

2012-07-31 16:53:34 716

转载如何将页脚固定在页面底部

参考文档：http://www.kuqin.com/webpagedesign/20111220/316487.html方法一：（js来完成，让底部的ID的值与括号“bottom”一样。）function test(){var infoHeight = document.getElementById("info").scrollHeight;var bottomHe

2012-07-31 13:09:37 1634

转载停留在网页顶部随着滚动条移动而不动JQUERY代码

要讲解里面的原因，请留言。无标题文档$(function(){ $("#wrap ul li ").css("width",760 / $("#wrap ul li").size()); $(window).scroll(function(){ var h = $(this).scrollTop()+2; $("#wrap").css("top",h

2012-07-31 13:02:46 5465

转载屏蔽IE的快捷键

function KeyDown(){ //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 //alert("ASCII代码是："+event.keyCode); if ( (window.event.altKey)&& ( (window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ← (window.e

2012-07-28 10:00:53 3780 1

转载 JS操作COOKIE

//set cookie function setcookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + "

2012-07-27 16:46:08 494

转载 Jquery操作Cookie

jquery.cookie.js是jQuery的一个插件，其基本用法如下：用之前一定要导入jquery.cookie.js这个文件 $.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cooki

2012-07-27 16:45:09 668

转载 jQuery 遮罩层效果

最精简，最强大的 jQuery 遮罩层效果。1. 当浏览器改变大小时，遮罩层的大小会相应地改变。2. 遮罩层上方的对话框可随 scroll 的改变而改变，即对话框居中显示。HTML Code：点击这里看 jQuery 遮罩层效果. 关闭正在加载，请稍后...CSS Code：body { font-family:Arial, H

2012-07-27 14:39:52 5496

转载 JQuery遮罩层登录界面实现（AJAX实现登录验证，源码下载）

操作系统：Windwos7 Ultimate开发工具：Visual Studio 2010数据库：Sql Server 2005测试浏览器：IE8、FF3.6.8、Google Chrome （IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现白边，越来越觉得IE有点那个了......）1、预览

2012-07-27 14:14:33 1875

转载 CSS样式的优先级别

优先原则一：文本从上到下，后出现的样式优先于前面出现的同一样式例：.def1{background:black;}.def2{background:yellow; }测试1结果：所有浏览器均yellow色，注意：与class=”” 引号内的顺序无关，只看.def1和.def2在声明时的顺序，.def2后声明的所以权重高。优先原则二：id声明（即 # 开头的样

2012-07-27 11:32:03 1072

转载 IE7,IE8与IE6兼容路上的痛苦

首先必须说的是IE6真得很垃圾，存在太多让人意想不到的bug，但是他主流所以没办法。1. 首先是position：fixed属性，在ie6中没有这个属性，所以需要在ie6中实现可以有2种方式： a. js方式实现，这样的好处不会影响其他元素，缺点会有dom移动的痕迹，毕竟是监听滚轮移动不是实时触发的。实现过程：例如现在想让dom时刻现实在窗口底端，那么需要监听滚轮移动

2012-07-26 18:06:55 4066

原创密码框显示提示信息

$(document).ready(function(){$("#password_input").blur(function(){if($(this).val()==""){$(this).val("请输入密码");if($(this).attr("type") == "password"){$(this).hide();$('#password_text').show();$

2012-07-26 17:44:24 4366

转载 jquery 回车事件

jquery 回车事件兼容ie与firefox火狐,本文章举了二款实例来告诉你关于jquery 在ie与firefox火狐区别与使用方法。$(document).ready(function(){ $("按下回车的控件").keydown(function(e){ var curkey = e.which; if(curkey == 13){ $("#回车事件按钮控件").cli

2012-07-26 15:33:25 2571

转载 JavaScript弹出窗口DIV层效果代码 [

document对象]　　该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。　　属性　　alinkColor 活动链接的颜色(ALINK)　　anchor 一个HTMI锚点,使用#lt;A NAME=#gt;标记创建(该属性本身也是一个对象)　　anchors array 列出文档锚点对象的数组(#lt;A NAME=#gt;)(该属

2012-07-26 14:40:42 2940

转载 JQuery 弹出层，始终显示在屏幕正中间

上一篇是关于遮罩层的展示：链接地址为：http://xutao5641745.iteye.com/blog/1310955 样式代码：.model{ position: absolute; z-index: 1003; width:320px; height:320px; text-align:center; background

2012-07-26 13:28:59 8335

转载 Chrome浏览器、火狐等浏览器上和IE类浏览器（360、qq等）有所不同，目前已发现的不同以及解决办法

1、Chrome浏览器、火狐等浏览器上和IE类浏览器（360、qq等）有所不同，目前已发现的不同以及解决办法：（1） IE是parent.document，Chrome是parent.contentDocument解决办法（通用型）：var doc=parent.document;if(doc==null) //在Chrome浏览器上parent.documen

2012-07-26 13:04:37 6065

转载 css问题filter: alpha(opacity=100,finishopacity=0,style=2)

alpha是来设置透明度的,它的基本属性是filter：alpha（opacity，finishopacity，style，startX，startY，finishX，finishY）.opacity代表透明度数,选值0-100,0是完全透明,100是不透明.finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.style指渐变类型,0是无变化,1是线行渐

2012-07-26 12:42:18 5910

转载 jQuery下获取浏览器、可视范围及其他的各种宽高

$(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).ou

2012-07-26 12:16:05 4443

转载 jquery中的hover方法教程—明河谈jquery

jQuery中的hover方法是个非常常用的方法，接受二个参数，第一个参数为鼠标移入对象时触发的事件，第二个参数为鼠标移出对象时触发的事件。很多人误以为hover()是mouserover和mouseout的结合体，实际上不是。hover = mouseenter+mouseleavemouseenter和mouseleave这二个事件，jquery新手应该会觉得很陌生，

2012-07-26 10:05:23 3028

转载 jQuery hover 与 mouseover 与mouseout 的区别

以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动画效果才让我见识了，这两个并不能等同。在wrapper上加事件，当鼠标移动到wrapper上的时候让class="point"的层放大。但如果用mouseover和mouseout事件的话，当鼠标移动到wrappe

2012-07-26 10:02:29 950

转载 jQuery中的mouseenter和mouseleave事件

今天做一个下拉菜单的时候碰到了一个bug，用mouseout的时候，鼠标还没移出拉菜单就自动关闭了，看案例：http://www.css88.com/demo/mouseleave/2.html经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件，这两个事件在手册中找不到，所以特地查阅了一番。大家知道事件的冒泡特性，在上面的BUG中也正是因为这个冒

2012-07-26 10:01:25 858

转载 jQuery中的mouseleave和mouseout区别

$("li").each(function(i) { //删除的鼠标划过的显示与隐藏 $(this).mouseover(function() { $(this).find(".del").fadeIn(10); }) $(this).mouseleave(functio

2012-07-26 09:51:17 1082

转载如何让<div>总是显示在最上层，而不致于被其他<div>遮挡

若有多个div层，某个层一直在最上面可以在最上面的层加上样式：：position:absoulte;z-index:5555; 把它的位子给设置一下就可以了！flash图层置于最上面：自己：将这一句放在flash中即可实现DIV在外层(即FLASH不是最外层了); http://download.macromedia.com/pub/shockwave/cabs/f

2012-07-26 09:17:38 24839

转载 js中prompt()的用法

alert() 弹出个提示框（确定） confirm() 弹出个确认框（确定，取消） prompt() 弹出个输入框让你输入东西使用消息框使用警告、提示和确认可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 "window.a

2012-07-25 12:44:43 169247

转载 Aptana Studio 介绍

1.Aptana 介绍Aptana是一个非常强大、开源的专注于Ajax开发的开发工具。它的特性包括：*JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 *Outliner(大纲)：显示JavaScript,HTML和CSS的代码结构。 *支持JavaScript，HTML，CSS代码提示，包括JavaScript 自定函数

2012-07-25 09:38:57 1066

转载 JavaScript锁屏遮罩【转】

直接关闭锁屏解屏JavaScript锁屏body { font-size:12px }#Screen { position:absolute; z-index: 9998; top: 0px; left: 0px; background: #000000; display: none; filter: alpha(

2012-07-24 17:12:57 1206

转载让某部分HTML随滚动始终显示在页面上

我们经常在淘宝网看到这样的特效，商品列表特别长，而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了，那么它会自动判断是否到顶端了，然后一直置顶从而不怕遮挡。这种特效是通过JavaScript和CSS实现的，在实际开发中有不少用途，下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码，兼容性不错，在IE、Firefox、Chrome下都能正常工作。使用这个特

2012-07-24 16:25:38 11421

转载让IE6也支持position:fixed

众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天遇到了这个问题。当时就简单的无视了IE6，但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。如何让position:fixed在IE6中工作呢？本文所使用的技巧是用了一条InternetExplorer的CSS表达式(expres

2012-07-24 15:58:20 2005

转载 CSS的position:fixed的使用

接触CSS已有相当长一段时间，我们竟然没有留意position:fixed的用法。我们都知道CSS中定位属性position的值，除了默认的值外，还有absolute,relative和fixed。我平时比较常用absolute和relative，而position:fixed却没多关注。或许是因为当初在CSS中文手册中看到position:fixed旁边有说明“IE5.5及NS6尚不支持

2012-07-24 15:52:33 3477

转载记住，!important与>

margin-top:0px!important;>margin-top:0px!important;margin-top:16px;现在IE6和IE7以及FF对盒模型解释大致是一致的，都是盒实际宽度=盒内容宽度+内补丁值+边框宽度。主要差异还是在一些细节上。比如IE6.0的margin双倍问题，这样的话在写CSS或搭建XHTML结构时候尽量去写兼容性地，可扩展性的代码和结

2012-07-24 15:47:54 791

转载 setInterval与clearInterval详解

计时计数器经常会用到的两个函数。首先注意：setInterval与clearInterval都是直属于window对象的。时间间隔可以通过setInterval命令来创建并用clearInterval命令来终止。setInterval所用的参数有两种格式：代码一：var dT = document.getElementById("oDiv_showCurrTime0");

2012-07-24 13:27:50 14847

转载 Jquery中的this与$(this)

序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！$(this)生成的是什么$()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。题外话：通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector

2012-07-23 19:49:08 583

转载 javascript,jquery中的this关键字的用法

this 表示当前的对象，这个当前对象可以是表单，等任何元素------------------------------------1.javascript中this的用法例1：js: function chimg(obj){ obj.src="./images/2.jpg"; }HTML： -------------------

2012-07-23 19:47:39 686

转载五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题

这个方法其实已经使用很久了，之前主要在嵌入式WebQQ等产品中用过，现在拿出来分享一下吧，是目前最简洁的方式来实现ie6的position:fixed; 失效bug，以及的其他方法的闪动问题，CSS代码如下，很简单，自行修改调试即可：html{_background:url(about:blank); /* 阻止闪动 in IE6 , 把空文件换成about:blank , 减

2012-07-23 15:36:01 599

转载 JavaScript 仿LightBox内容显示效果

参见文档：http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html

2012-07-23 14:00:08 2048

转载 AlertBox 弹出层（信息提示框）效果

查看文档：文档引用：http://www.cnblogs.com/cloudgamer/archive/2010/10/11/AlertBox.html

2012-07-23 13:58:57 515

转载流行的更换图片的javascript函数集--MM_swapImage函数和MM_swapImgRestore函数

有些网页上的按钮,往往有两张不同的图片进行轮换,鼠标不动时,显示图片,鼠标移动到图片时候,显示另外一张图片.所以,就要使用下面几个javascript函数.//预先导入图片函数,往往是mouseover时候显示的图片function MM_preloadImages() { //v3.0var d=document;if(d.images){ if(!d.MM_p) d.MM_

2012-07-21 15:38:05 2888

转载 setTimeout和setInterval的区别你真的了解吗?

setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质，甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的,

2012-07-20 17:04:56 5717 1

转载 setTimeOut(),setInterval的使用和区别

setTimeout("函数()",时间间隔)；setInterval（“函数()”,时间间隔）；这两个方法语法相同，都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就执行那段代码。二者都可以用来实现在一个固定时间段之后去执行JavaScript，不过两者各有各的应用场景。方法：setInterval在执行完一次代码之后，经过了那

2012-07-20 16:14:11 878

转载一个简单的tab切换

exercise for tab *{margin:0;padding:0} .menu{width:500px;margin:20px;auto;} .menu a{display:inline-block;width:100px;height:35px;line-height:35px;text-align:center;color:#000;background:#a

2012-07-20 14:06:13 572

图片3种滚动特效

jquery无缝滚动

jquery 新闻滚动

空空如也