css的width及height的不同浏览器兼容问题,求高手解答!

html-css026

css的width及height的不同浏览器兼容问题,求高手解答!,第1张

你这个不是放不放弃ie6的问题,你要把xhtml头加上,不知道怎么加的话,查看本页面源代码,复制第一对尖括号那句代码到你网页上。

不声明这句,网页按html格式解析,声明了则按xhtml解析

一旦按xhtml解析,在所有主流浏览器内核下css渲染后的区块尺寸的都是统一的:

区块尺寸=宽高+内边距+外边距+边框

比如:

width:180px

padding: 5px

border:1px #000 solid

这个区块的宽度就是:180+5x2+1x2=192px

另外避免用 !important 去作css的兼容,这句话在css里面意思是:重要(正确的用途是拿来提高权重的)。区分浏览器的方法很多,自己百度百度其他办法,用这句最不科学。

102个很有意思的网站

1,看看自己具有哪个大明星的脸型 http://www.play-analogia.com/cgi-bin/index/

2,超有意思的Flash网站,虚拟办公 http://agencynet.com

3,亲自动手给美女画纹身 http://www.crustydemons.co.uk/UK/tattoo_parlour/index.html

4,输入文字就发出声音! http://www.putonghuaonline.com 只支持繁体中文,同时也是学习普通话和粤语的好地方

5,在线做个通缉令 http://www.glassgiant.com/wanted/

6,制作属于自己的卡通大头像吧 http://cartoon.msn.com.cn

7,在你的照片上添加有趣对话 http://www.bubblesnaps.com

8,这个网站提供各种有趣的在线拼图 http://www.thebroth.com

9,很逼真!模仿XP系统操作的网站 http://www.kingnare.com

10,原来制作带阴影的LOGO如此容易 http://msig.info/web2.php

11,教你打领带 http://www.tieknot.com/dalingdai.html

12,系鞋带的N种方法 http://www.fieggen.com/shoelace/lacingmethods.htm#2trillion

13,咱也弄个自己的徽章玩玩 http://www.says-it.com/seal/index.php

14,在线素描 http://flashface.ctapt.de

15,各种动画图标制做 http://ajaxload.info

16,各种字体图片制做 http://cooltext.com

17,http://www.pollyglotto.com/index8.php 超牛的语音翻译,输入文字里面的人自动给你以语音的形式翻译出来,有趣的是他眼睛跟你你鼠标转,遗憾的是不是免费的!

18, 你今天印书了么?免费将你的博客翻印成书 http://www.mrprint.cn/?UN=f1208b59454a9a744055&ShowType=0

19,做个德国身份证玩玩 http://onlinewahn.de/generator/

20,自己做个图来让别人拼 http://www.flash-gear.com/puzzle/

21,在线媒体提取工具 http://solor.cn

22,DiY网络拼图 http://www.webpuzzle.cn

23,2G网络硬盘,仿windows操作系统 http://www1.pc2n.com

24,在线媒体转换工具 http://media-convert.com 它支持大量的文件格式之间的互相转换,包括视频、音频、PPT文档、Word文档、表格文档、图片等等数十种之多。比如你可以把mp3转换成wav,把png转换成gif,把word 文件转换成txt文件

25,在线保存,分享和交流网页,博客,新闻 http://www.hinale.com 为您的一篇文章嵌入Hinale按钮,更方便用户保存和交流您的文章

26,blog 搜索引擎 http://www.gnoos.com.au

27,[ ImageCrop ] http://www.imagecrop.com 功能相对简单,它其实是一款为MSN、Yahoo Messager等制作头像的剪裁工具,因此,它的特色在于内置了专用尺寸模板,比如MSN、论坛头像75×75或85×85的尺寸等等。当然也可以自定义大小。

28,[ Online Image Editor ] http://www.online-image-editor.com 支持JPG、PNG、GIF及BMP格式的图像,具备可转换颜色模式,添加边框,转换图像格式等功能,内置10个滤镜效果。

29,[ GifWorks ]Gif动画处理工具 http://gifworks.com 可生成动画效果的文字,不过不支持中文。可编辑的图像格式只有Gif类型,允许上传最大单个文件为400K。具备30多种滤镜效果、3 种优化工具及旋转、剪裁等常用图像编辑功能

30,[ Colorcombos ] http://www.colorcombos.com 是一个网页配色自动探测工具,你只需输入网站地点,它就会帮你把该网站当前的网页配色方案展示出来,并提供相应的色值

31,[ PhotoShow ] http://www.photoshow.com 是一个新型的图片展示服务,利用Flash技术构建。事实上,也可以把它当作如 [ ibloks ] http://www.wappblog.com/entry/200.html [ Eyespot ] http://www.wappblog.com/entry/108.html 等这样的混合工具,它可把图片及音乐混合,做成一段效果非常酷的流媒体。

32,[ Imagesquash ] http://www.imagesquash.com 又是一个图片转换工具,它可以根据按上传图片大小的百分比进行缩小,可转换图片格式为Jpeg、Gif及PNG,可改变图片质量。

33,[ 在线ping你的博客 ] http://pingoat.com

34,[ iBloks ] 是一个多媒体混合工具,它能把照片及音乐混合成一段视频 http://www.ibloks.com

35,[ Web2.0 STYLr ] 是一个web2.0 Logo制作工具 http://web2.0stylr.com/stylr.aspx

36,[ Web2.0 Logo Creator ] http://msig.info/web2.php 是一个专门用来制作web2.0网站logo的在线工具,制作出的logo具备了几个web2.0元素,比如倒影、beta标志等等,在有些地方可能不能打开这个网站,可以去http://www.cnproxy.com/webproxy.asp,通过代理打开!!

37,爱因斯坦写汉字 http://www.sbfun.org/einstein/index.php

38,[ Crusty Demons ] http://www.crustydemons.co.uk/UK/tattoo_parlour/index.html] 是一个在线的纹身视频制作工具,可自定义纹身图案、文字内容和纹身位置,完成后会生成一段视频,并且可下载图片或者发送给朋友

39,[ Ponyfish ] http://www.ponyfish.com 是一个在线Feed创建工具

40,[ SubAdjust-Web ] http://dev.pdvel.com/subadjust/index.php 是一个用来调整DVD字幕的在线工具,你可以通过 [ SubAdjust-Web ] http://dev.pdvel.com/subadjust/index.php 来调整DIVX字幕的时间,以便使其与DVD视频同步,另外还可以用来在SubRip和MirroDVD字幕两种格式之间互换。

41,在线favicon图标制作 http://tools.dynamicdrive.com/favicon/

42,[ converticon.com ] http://converticon.com 是一个在线ico文件和png文件互相转化工具

43,[ krun.ch ] http://krun.ch 提供了本地文件和网络文件的压缩和解压四种功能,压缩或解压缩后的文件可以下载到本地。另外它提供了zip、rar和gzip压缩文件格式供选择

44,[ 在线做个徽章 ] http://www.says-it.com/seal/index.php

45,在这里,你可以在线做个以自己照片做硬币人物的硬币图片,好酷哦!! http://onlinewahn.de/generator/m-maker.htm

46,想想自己的照片被外文报纸刊登在头版头条该是多么风光,在这里就可以轻松实现 http://onlinewahn.de/generator/z-maker.htm

47,一个在线生成flash菜单的网站,对站长很有帮助. http://www.hostsun.com/gr/flash_generators.php

48,对有些做了IP限制的网站,可能无法访问,可以使用这个代理访问. http://www.cnproxy.com

49,在线图片处理,网通 http://www.iephotoshop.com 电信 http://www1.iephotoshop.com

50,你可以制作出很有专业水准的动态logo,有很多的样式供你选择 http://www.logomaker.cn

51,Flash头像 http://www.dookyweb.com/avatars.swf

52,印象派涂鸦板 http://jacksonpollock.org

53,在线网页截屏工具,在浏览器地址栏输入下面的代码就可以了。http://images.websnapr.com/?url=thw.568idc.com红色部分换成你想要截的网页的地址

54,另外两个好用在线网页截屏工具 http://www.browsrcamp.com/ 和 http://snap.otag.cn/screenshot.aspx

55,可以突破网吧的下载限制进行下载 http://thw.568idc.com/serve/xiazai.html

56,跳转FLASH生成工具 http://www.dfxy.org/tiao/

57,[krun.ch] http://krun.ch 是一个在线压缩工具,它提供了本地文件上传压缩和解压、网络文件的压缩和解压四种功能,压缩或解压缩后的文件可以下载到本地或者通过Email发送。另外它提供了zip、rar和gzip压缩文件格式供选择。

58,在线生成纯css代码实现的圆角矩形的网站,对网站制作者很有用的东西http://www.spiffycorners.com

59,it" target=_blank>http://pentacom.jp/soft/ex/" target=_blank>http://www.onlinewahn.de/generator/m-maker.htm

61,图片仓库: http://pic.sdodo.com/

62,在线FLASH动画制作 http://www.dfilm.com/index_movie_start.html

63,图片生成网页图标 http://www.chami.com/html-kit/services/favicon/

64,由蝌蚪网络提供的Gmail注册入口 http://cnc.kedooo.net/gmail/

65,最全的邮件/QQ/MSN/BLOG图片生成器 http://www.eoool.com/

66,收藏夹图标生成器 http://www.html-kit.com/e/favicon.cgi

67,在线域名LOGO生成 http://phorum.com.tw/Generator.aspx

68,免费3D banner在线制做网站 http://www.3dtextmaker.com/cgi-bin/3dtext.pl

69,输入图片就能查看字体 http://uptime.netcraft.com/up/

72,查看该域名IP主机下的其他域名 http://whois.webhosting.info/

73,生成email图片 http://www.nhacks.com/email/index.php

74,世界网络里面有很多不错的测试 http://www.linkwan.com/gb/broadmeter

75,几个大城市的地图搜索 http://map.zhongsou.com

76,图片标签快速生成工具 http://www.eoool.com/

77,查询在google所有服务器中的PR值 http://www.iwebtool.com/pagerank_checker?domain=www.XXXXXoob.com

78,免费加入140个搜索引擎 http://freehosting.hostrave.com/p/ledbetter/submitware/index.php

79,在线生成多种样式的LOGO http://sherlocco.com/create.asp

80,街道路牌签名生成器 http://www.streetsigngenerator.com/

81,blog标签图片80×15/80×31制作 http://button.blogflux.com/

82,在线生成漫画小图像的站 http://www.abi-station.com/tchinese/

83,生成邮址图片\条形码生成\印章 http://www.makepic.com/

84,QQ在线状态代码生成http://is.qq.com/webpresence/code.shtml

85,身份证号码在线生成器-韩国/台湾 http://i972.net/~gen/

86,条形码在线生成器 http://www.gzbonny.com/asp/barcode.asp

87,聊天工具在线状态生成器 http://www.onlinestatus.org/usage.php

88,在线字体生成工具 http://www.logomaker.cn/

90,在线制作卡通头像 http://cartoon.msn.com.cn/

91,网站综合信息查询 http://www.webmasterhome.cn/

92,在线制作按钮(多种款式) http://www.buttonator.com

93,在线建立您的Web 2.0网站LOGO http://web2.0stylr.com

94,在线生成彩字(爱狗狗吧) http://www.igogo8.com/

95,live个性图标在线制作 http://linux-fans.com/email/live/live.php

96,在线(IE版)图像处理工具 http://www1.iephotoshop.com/

97,ajax载入效果 http://ajaxload.info/

98,报纸头条图片生成器 http://www.onlinewahn.de/generator/z-maker.htm

99,杂志封面生成器 http://www.funonit.com/funny_jokes/fake_magazine

100,MD5加密破解查询 http://www.md5.org.cn/

102,批量查询未注册域名 http://www.moniker.com/domains/batch_reg.jsp

这些真的很不错,大家共享啊!

背景颜色自己选[推荐][共1步]

====1、以下是这个效果的全部代码。[最好从一个空页面开始]

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb_2312-80">

<title>新页面 </title>

</head>

<body>

<script language="JavaScript">

<!--

done = 0

step = 4

function anim(yp,yk)

{

if(document.layers) document.layers["napis"].top=yp

else document.all["napis"].style.top=yp

if(yp>yk) step = -4

if(yp<60) step = 4

setTimeout('anim('+(yp+step)+','+yk+')', 35)

}

function start()

{

if(done) return

done = 1

if(navigator.appName=="Netscape") {

document.napis.left=innerWidth/2 - 145

anim(60,innerHeight - 60)

}

else {

napis.style.left=11

anim(60,document.body.offsetHeight - 60)

}

}

//-->

</script>

<div id="napis"

style="position: absolutetop: -50

color: #000000font-family:宋体font-size:9pt">

</div><script language="JavaScript">

<!--

setTimeout('start()',10)

//-->

</script>

<script language="JavaScript">

<!-- Begin

function initArray() {

for (var i = 0i <initArray.arguments.lengthi++) {

this[i] = initArray.arguments[i]

}

this.length = initArray.arguments.length

}

var colors = new initArray(

"#000000","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"

)

delay = 100

link = 0

vlink = 0

function linkDance() {

link = (link+1)%colors.length

vlink = (vlink+1)%colors.length

document.linkColor = colors[link]

document.vlinkColor = colors[vlink]

setTimeout("linkDance()",delay)

}

linkDance()

// End -->

</script>

<script>

function colors(c1){

this.c1 = c1

}

a00 = new colors("FFFBD0")

a01 = new colors("FF0000")

a02 = new colors("FF8080")

a03 = new colors("FF8000")

a04 = new colors("FFFF00")

a05 = new colors("000080")

a06 = new colors("0000FF")

a07 = new colors("008000")

a08 = new colors("00FF00")

a09 = new colors("804000")

a10 = new colors("808000")

a11 = new colors("000000")

a12 = new colors("FFFFFF")

a13 = new colors("C0C0C0")

a14 = new colors("408080")

a15 = new colors("808080")

a16 = new colors("D2BF51")

a17 = new colors("44BBE8")

a18 = new colors("C97AB9")

a19 = new colors("A2C97A")

a20 = new colors("804000")

a21 = new colors("6AE6C4")

a22 = new colors("33A3D1")

a23 = new colors("6C9AEE")

function changebg(type){

scheme = type

document.bgColor = scheme.c1

timerID=setTimeout('document.bgColor = scheme.c2', document.selector.value * 10)

}

</script>

<form NAME="selector">

<p><input TYPE="button" onClick="changebg(a00)" style="background-color: rgb(255,251,208)"><input

TYPE="button" onClick="changebg(a01)" style="background-color: rgb(255,0,0)"><input

TYPE="button" onClick="changebg(a02)" style="background-color: rgb(255,128,128)"><input

TYPE="button" onClick="changebg(a03)" style="background-color: rgb(255,128,0)"><input

TYPE="button" onClick="changebg(a04)" style="background-color: rgb(255,255,0)"><input

TYPE="button" onClick="changebg(a05)" style="background-color: rgb(0,0,128)"><input

TYPE="button" onClick="changebg(a06)" style="background-color: rgb(0,0,255)"><input

TYPE="button" onClick="changebg(a07)" style="background-color: rgb(0,128,0)"><input

TYPE="button" onClick="changebg(a08)" style="background-color: rgb(0,255,0)"><input

TYPE="button" onClick="changebg(a09)" style="background-color: rgb(128,0,0)"><input

TYPE="button" onClick="changebg(a10)" style="background-color: rgb(128,128,0)"><input

TYPE="button" onClick="changebg(a11)" style="background-color: rgb(0,0,0)"><input

TYPE="button" onClick="changebg(a12)" style="background-color: rgb(255,255,255)"><input

TYPE="button" onClick="changebg(a13)" style="background-color: rgb(192,192,192)"><input

TYPE="button" onClick="changebg(a14)" style="background-color: rgb(64,128,128)"><input

TYPE="button" onClick="changebg(a15)" style="background-color: rgb(128,128,128)"><input

TYPE="button" onClick="changebg(a16)" style="background-color: rgb(210,191,81)"><input

TYPE="button" onClick="changebg(a17)" style="background-color: rgb(68,187,232)"><input

TYPE="button" onClick="changebg(a18)" style="background-color: rgb(201,122,185)"><input

TYPE="button" onClick="changebg(a19)" style="background-color: rgb(162,201,122)"><input

TYPE="button" onClick="changebg(a20)" style="background-color: rgb(106,230,196)"><input

TYPE="button" onClick="changebg(a21)" style="background-color: rgb(194,219,185)"><input

TYPE="button" onClick="changebg(a22)" style="background-color: rgb(51,163,209)"><input

TYPE="button" onClick="changebg(a23)" style="background-color: rgb(108,154,238)"></p>

</form>

</body>

</html>

不停变换的背景颜色[共1步]

====1、将以下代码加入HTML的<body></body>之间:

<body bgColor="#ffffff" onload="chgCol()pingpong()">

<script language="JavaScript">

<!-- Hide from JavaScript-Impaired Browsers

var pos = 10

function initArray() {

this.length = initArray.arguments.length

for (var i = 0i <this.lengthi++) {

this[i] = initArray.arguments[i]

}

}

var col=new initArray("4b","5b","8b","8b")

col[0] = "yellow"

col[1] = "coral"

col[2] = "orange"

col[3] = "red"

col[4] = "greenyellow"

col[5] = "lime"

col[6] = "turquoise"

col[7] = "coral"

col[8] = "blueviolet"

col[9] = "violet"

function chgCol() {

pos++

if (pos<0||pos>9) {

pos = 0

}

document.bgColor = col[pos]

setTimeout("chgCol()",5000)

/* Change above set to every 10 seconds (1000 = 1 sec) If

you wish to speed it up, lower the number. To slow it

down, raise the number. */

}

var yourwords = "不断变化背景色彩"var buffer1=" "var buffer2=" "var message1=buffer1+yourwords+buffer2var dir = "left"var speed =150function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "window.status=message2setTimeout("pingpong()",speed)message1=message2if (message1.substring(0,1) == "*") dir="right"}else { message2=" "+message1.substring(0,message1.length-2)window.status=message2setTimeout("pingpong()",speed)message1=message2if (message1.substring(message1.length-1,message1.length) == "*") dir="left"}}// --></script>

检测浏览器类型并调用不同的背景音乐[修改MIDI文件名][共1步]

====1、将以下代码加入HTML的<body></body>之间:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var MSIE=navigator.userAgent.indexOf("MSIE")

var NETS=navigator.userAgent.indexOf("Netscape")

var OPER=navigator.userAgent.indexOf("Opera")

if((MSIE>-1) || (OPER>-1)) {

document.write("<BGSOUND SRC=sound.mid LOOP=INFINITE>")

} else {

document.write("<EMBED SRC=sound2.mid AUTOSTART=TRUE ")

document.write("HIDDEN=true VOLUME=100 LOOP=TRUE>")

}

// End -->

</SCRIPT>

滚动背景[特别推荐][共1步][IE专用]<先在页面中设置好背景图片然后再进行下一步>

====1、将以下代码加入HEML的<body></body>之间:

<script language="VBScript">

dim c,numgc

c=-100000

numgc=document.body.sourceIndex

sub SF

c=c+1

Document.all(numgc).style.BackgroundPosition= "0 " &c

id=SetTimeOut("SF",16,"VBScript")

end sub

SF

</script>

永远居中的背景图片[推荐][共1步][修改图片名称]

====1、将以下代码加入HEML的<body></body>之间:

<STYLE TYPE="text/css">

<!--

BODY {background-image: URL(图片名称.gif)

background-position: center

background-repeat: no-repeat

background-attachment: fixed}

-->

</STYLE>

随机显示的背景图片[想别人每次看你页面时背景都不一样吗?][共1步]

====1、将以下代码加入HTML的<head></head>之间:

<script LANGUAGE="JavaScript">

bg = new Array(2)//设定图片数量,如果图片数为3,这个参数就设为2,依次类推

bg[0] = 'bg1.gif' //显示的图片路径,可用http://

bg[1] = 'bg2.gif'

bg[2] = 'bg3.gif'

index = Math.floor(Math.random() * bg.length)

document.write("<BODY BACKGROUND="+bg[index]+">")

</script>

跟随屏幕移动的图像[推荐]修改图片名称和文字即可][共2步]

====1、将以下代码加入到HEML的<head></head>之间:

<style type="text/css">

#floater {

position: absolute

left: 500

top: 146

width: 125

visibility: visible

z-index: 10

}</style>

====2、将以下代码加入到HEML的<body></body>之间

<div ID="floater" style="left: 590pxtop: 158px">

<p align="center"><img SRC="想要显示的图片.gif" alt="图片显示的文字" WIDTH="125" HEIGHT="60"><br>

<font color="#FF8040">图片下面的文字</font></p>

</div><script LANGUAGE="JavaScript">

self.onError=null

currentX = currentY = 0

whichIt = null

lastScrollX = 0lastScrollY = 0

NS = (document.layers) ? 1 : 0

IE = (document.all) ? 1: 0

<!-- STALKER CODE -->

function heartBeat() {

if(IE) { diffY = document.body.scrollTopdiffX = document.body.scrollLeft}

if(NS) { diffY = self.pageYOffsetdiffX = self.pageXOffset}

if(diffY != lastScrollY) {

percent = .1 * (diffY - lastScrollY)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelTop += percent

if(NS) document.floater.top += percent

lastScrollY = lastScrollY + percent

}

if(diffX != lastScrollX) {

percent = .1 * (diffX - lastScrollX)

if(percent >0) percent = Math.ceil(percent)

else percent = Math.floor(percent)

if(IE) document.all.floater.style.pixelLeft += percent

if(NS) document.floater.left += percent

lastScrollX = lastScrollX + percent

}

}

<!-- /STALKER CODE -->

<!-- DRAG DROP CODE -->

function checkFocus(x,y) {

stalkerx = document.floater.pageX

stalkery = document.floater.pageY

stalkerwidth = document.floater.clip.width

stalkerheight = document.floater.clip.height

if( (x >stalkerx &&x <(stalkerx+stalkerwidth)) &&(y >stalkery &&y <(stalkery+stalkerheight))) return true

else return false

}

function grabIt(e) {

if(IE) {

whichIt = event.srcElement

while (whichIt.id.indexOf("floater") == -1) {

whichIt = whichIt.parentElement

if (whichIt == null) { return true}

}

whichIt.style.pixelLeft = whichIt.offsetLeft

whichIt.style.pixelTop = whichIt.offsetTop

currentX = (event.clientX + document.body.scrollLeft)

currentY = (event.clientY + document.body.scrollTop)

} else {

window.captureEvents(Event.MOUSEMOVE)

if(checkFocus (e.pageX,e.pageY)) {

whichIt = document.floater

StalkerTouchedX = e.pageX-document.floater.pageX

StalkerTouchedY = e.pageY-document.floater.pageY

}

}

return true

}

function moveIt(e) {

if (whichIt == null) { return false}

if(IE) {

newX = (event.clientX + document.body.scrollLeft)

newY = (event.clientY + document.body.scrollTop)

distanceX = (newX - currentX)distanceY = (newY - currentY)

currentX = newXcurrentY = newY

whichIt.style.pixelLeft += distanceX

whichIt.style.pixelTop += distanceY

if(whichIt.style.pixelTop <document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop

if(whichIt.style.pixelLeft <document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft

if(whichIt.style.pixelLeft >document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20

if(whichIt.style.pixelTop >document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5

event.returnValue = false

} else {

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY)

if(whichIt.left <0+self.pageXOffset) whichIt.left = 0+self.pageXOffset

if(whichIt.top <0+self.pageYOffset) whichIt.top = 0+self.pageYOffset

if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17

if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17

return false

}

return false

}

function dropIt() {

whichIt = null

if(NS) window.releaseEvents (Event.MOUSEMOVE)

return true

}

<!-- DRAG DROP CODE -->

if(NS) {

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN)

window.onmousedown = grabIt

window.onmousemove = moveIt

window.onmouseup = dropIt

}

if(IE) {

document.onmousedown = grabIt

document.onmousemove = moveIt

document.onmouseup = dropIt

}

if(NS || IE) action = window.setInterval("heartBeat()",1)

</script>

可以看一下http://www.ik8.com/