![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 72
liu_zhongjie
这个作者很懒,什么都没留下…
展开
-
不是原型继承那么简单!!prototype的深度探索
不是原型继承那么简单!!prototype的深度探索1 什么是prototype JavaScript中对象的prototype属性,可以返回对象类型原型的引用。这是一个相当拗口的解释,要理解它,先要正确理解对象类型(Type)以及原型(prototype)的概念。 前面我们说,对象的类(Class)和对象实例(Instance)之间是一种“创建”关系,因此我们把“类转载 2008-10-23 14:38:00 · 380 阅读 · 0 评论 -
利用js让iframe框架自适应网页高度
function setFrameHeight(obj){ var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.co原创 2009-08-29 11:46:00 · 483 阅读 · 0 评论 -
响应键盘指令代码
按A就会跳转到娃娃亲的网页,请按A var hotkey=97 var destination="http://www.wawaqin.com" if (document.layers) document.captureEvents(Event.KEYPRESS) function backhome(e){ if (document.layers){ if (e.which==hotkey) w原创 2009-08-29 11:50:00 · 393 阅读 · 0 评论 -
录制的鼠标路径
New Document -阿里西西WEB开发www.alixixi.com>var mousex=new Array();var mousey=new Array();var i;var j=0;var k;var recordcount=0;var repeat;var repeat2;var repeat3;var speed=50;function startthis() {re原创 2009-08-29 11:52:00 · 363 阅读 · 0 评论 -
真正的右键屏蔽
if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu() { event.cancelBubble = true event.returnValue = false; return false;} function norightclick(e) { if (window.Event原创 2009-08-29 11:53:00 · 312 阅读 · 0 评论 -
可拖动图层
按这里移动var Obj=document.onmouseup=MUpdocument.onmousemove=MMovefunction MDown(Object){Obj=Object.iddocument.all(Obj).setCapture()pX=event.x-document.all(Obj).style.pixelLeft;pY=event.y-document.al原创 2009-08-29 11:53:00 · 284 阅读 · 0 评论 -
获取鼠标坐标脚本
var isNav = (navigator.appName.indexOf("Netscape") !=-1); function handlerDC(e){ Xdc = (isNav) ? E.pageX : event.clientX; Ydc = (isNav) ? E.pageY : event.clientY; document.dataholder.dcX.value=Xdc; d原创 2009-08-29 11:55:00 · 618 阅读 · 0 评论 -
变换的立体感表格
脚本说明:把如下代码加入区域中.english { FONT-SIZE: 11px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"}.tenpt { FONT-SIZE: 14px}.editbox1 { BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #665b原创 2009-08-29 11:59:00 · 343 阅读 · 0 评论 -
一个非常酷的鼠标拖曳翻页效果。
阿里西西_Web开发body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋体;}.page{ position:absolute; width:700px; border:1px solid #999; background-color:#000; left:425px;原创 2009-08-29 12:13:00 · 262 阅读 · 0 评论 -
能伸展开和收缩的动态图层效果
#content { font-size: 14px; width: 200px; height: 50px; background: #eee; padding: 10px; border: 4px #ccc double; overflow: hidden;}#key { color: red; float: right; margin-top: -20px;}var s=5;var minh原创 2009-08-29 12:14:00 · 388 阅读 · 0 评论 -
JavaScript 图片滚动(绝对酷)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JS图片滚动TABLE { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM原创 2009-08-31 11:45:00 · 418 阅读 · 0 评论 -
CSS+JS滚动图片功能代码
CSS+JS滚动图片功能代码TD { FONT-SIZE: 12px;BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0原创 2009-08-31 11:46:00 · 389 阅读 · 0 评论 -
JavaScript图片特效
http://www.w3.org/TR/html4/strict.dtd">JavaScript图片特效 html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #111; width: 100%; height: 100%; } #screen {原创 2009-08-31 11:51:00 · 654 阅读 · 0 评论 -
JavaScript动态删除节点、文本
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">删除节点--www.codefans.net function delNode() { var deleteN=document.getElementById(di); if(deleteN.hasChild原创 2009-08-31 12:32:00 · 642 阅读 · 0 评论 -
背景渐变
颜色渐变if (document.all){one=new Array();two=new Array();var a=10;var b=11;var c=12;var d=13;var e=14;var f=15;var width = 930;var height = 60;var gap = 5;var direction = 0;one[0]=f;one[1]=f;one[2]=0;t原创 2009-08-31 10:57:00 · 352 阅读 · 0 评论 -
JS获取对象代码示例
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">javascript获取对象封装#test{width:600px;height:auto;overflow:hidden;padding:9px;border:#FF0000 1px solid;background-col原创 2009-08-29 11:39:00 · 544 阅读 · 0 评论 -
五角星评价
/* Class that defines a standard ratings component.*/// Messages for display above the individual ratings units. The length of the// array also defines how many units to include in the component.yg_原创 2009-08-29 11:35:00 · 565 阅读 · 0 评论 -
vml制作的圆角表格
v/:*{behavior:url(#default#VML)} VML原创 2009-08-29 11:32:00 · 309 阅读 · 0 评论 -
javascript面向对象编程(一)
Published by canque on February 26, 2008 04:27 pm under [web发展] Tags: javascript, 面向对象编程 javascript曾一度被认为是玩具型的语言,因为它太容易上手,而且,javascript曾一度担任为web站点“打杂”的职责。直到Ajax的兴起,这个在幕后默默无闻多年的语言才崭露头角,它的灵活性赋予了开转载 2008-10-23 14:44:00 · 368 阅读 · 0 评论 -
javascript面向对象编程(二)
Published by canque on February 26, 2008 05:23 pm under [web发展] Tags: javascript, 面向对象编程 [javascript模拟传统OOP]javascript是一种非常灵活的语言,它的灵活度足以让你模拟传统的OOP。主流的javascript框架大都实现了这个功能,这里给出我的实现办法:OOP.js(转载 2008-10-23 14:47:00 · 361 阅读 · 0 评论 -
基于javascript的拼音字典及应用举例
Published by canque on January 11, 2008 12:43 am under [web发展] Tags: javascript, 可用性 不论是浏览器还是操作系统,对中文的支持已经有了长足的进步,但是在一些细节方面仍然存在不足。比如,在windows文件浏览时,我们可以通过按下文件夹名的首字母来快速定位文件夹,但是对于文件夹名为中文的文件夹却无转载 2008-10-23 14:33:00 · 533 阅读 · 0 评论 -
javascript面向对象编程(三)
Published by canque on February 26, 2008 11:43 pm under [web发展] Tags: javascript, 面向对象编程 [Interface,Class.implement 接口及实现]接口规定了一些方法,如果一个类实现了接口所定义的所有方法,就叫做实现了这个接口。诚然,javascript来模拟接口会带来一些效率上的损失,但是在大转载 2008-10-23 14:49:00 · 369 阅读 · 0 评论 -
javascript面向对象编程(四)
Published by canque on February 27, 2008 04:42 pm under [web发展] Tags: javascript, 面向对象编程 继承是面向对象语言中的一个重要概念,现在我们来探讨一下继承。在网上搜一下javascript继承,可以得到无数关于javascript继承的文章。这些文章可能使用了很多让人眼花缭乱的技巧。但是,大多数情况下,其核心转载 2008-10-23 14:51:00 · 372 阅读 · 0 评论 -
javascript事件大集合
click() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 confirm("提示信息") 弹出确认框,确定返回true取消返回false cursor:样式 更改鼠标样式转载 2008-11-13 12:06:00 · 425 阅读 · 0 评论 -
script刷新页面,刷新代码,页面自动刷新代码
页面自动刷新代码大全,基本上所有要求自动刷新页面的代码都有,大家可以自由发挥做出完美的页面。 1)10表示间隔10秒刷新一次2)window.location.reload(true);如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)window.navigate("本页面url");4>function abc(){window.loc原创 2008-11-19 11:46:00 · 3939 阅读 · 0 评论 -
js获取屏幕尺寸、网页可见区域、网页正文、屏幕分辨率
<!-- var newasp_fontsize=9; var newasp_lineheight=12; //--> 8){NewsContentLabel.style.fontSize=(--newasp_fontsize)+"pt";NewsCo原创 2008-11-27 10:43:00 · 899 阅读 · 0 评论 -
左右框选择
New Document sortitems = 1; // Automatically sort items within lists? (1 or 0)function move(fbox,tbox) {for(var i=0; i if(fbox.options[i].selected && fbox.options[i].value != "") { var no原创 2009-03-03 17:05:00 · 380 阅读 · 0 评论 -
很酷的CSS+js的相册
<script type="text/javascript" src="http://slideshow.triptracker.net/slide.js"><!-- var viewer = new PhotoViewer(); viewer.add(/photos/my-photo-1.jpg); viewer.add(/photos/my-photo-2.原创 2009-03-13 16:08:00 · 571 阅读 · 0 评论 -
功能强大的网页播放器
http://www.apple.com/qtactivex/qtplugin.cab" > http://www.apple.com/quicktime/download/indext.html"> http://www.apple.com/quicktime/download/indext.html">原创 2009-03-19 17:27:00 · 321 阅读 · 0 评论 -
CSS+JS 幻灯片
SCA Ad Image Processdiv#adBox{width:437px;padding:4px;border:1px #D7D6D6 solid;overflow:hidden;}div#adBox .imgBox{height:316px;width:437px;}div#adBox #control{width:437px;height:12px;ove转载 2009-05-11 13:58:00 · 718 阅读 · 0 评论 -
JS幻灯图片效果
幻灯图片切换var n=0;说明:默认系统对function不执行,除非触发了一个事件.因此以下function不执行,找到不是function的语句先 function Mea(value){ n=value; plays(value); }4.Mea(value)也就相当于Mea(1),value=1,然后 plays(value);也就是 plays(1);找出pla原创 2009-05-11 17:18:00 · 713 阅读 · 0 评论 -
关于js控制 iframe 自动伸缩问题
http://blog.csdn.net/teachy521/archive/2008/12/02/3429102.aspx 通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。 我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外转载 2009-06-25 09:42:00 · 1251 阅读 · 2 评论 -
实现iFrame自适应高度
onload="this.height=100"> function reinitIframe(){ var iframe = document.getElementById("frame_content"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.cont转载 2009-06-25 09:41:00 · 303 阅读 · 0 评论 -
翻页效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> JavaScript: showPages v1.0 [by Lapuasi.com]/*showPages v1.1=================================Infomation------原创 2009-08-29 11:29:00 · 412 阅读 · 0 评论 -
CSS+JS打造带渐变的进度条
CSS+JS打造带渐变的进度条#load{width:500px;height:25px;border:1px #000 solid;}#loading{position:absolute;z-index:2;height:23;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,原创 2009-08-31 12:45:00 · 641 阅读 · 0 评论