网页设计常用- - JavaEye技术网站
禁止右键 d{!7Y
看到这里大家一定会想,这招有很多人介绍过了,而且xx的方法也有很多。但我这里要说的是另一种方法,而且我试了很多方法都没有能xx。具体如下: Ay
<html> X
<head> P&pvX>
<script> }?
function stop(){ +?j::
alert("试试能xx吗?"); l
return false; m [
}
document.oncontextmenu=stop; v+
</script> !V}L
<boyd>你可以按右键、shift+F10和右ctrl左边的那个键试试!看能不能解。^_^</body> 95IM
大家试试,看能不能xx!你可以将alert("试试能xx吗?");这句去掉,这样当按右键时就什么反应也没有了,就好像没有右键功能一样。

2005-5-12 11:58 回复 

handonvan
0位粉丝
3楼

2、禁示查看源代码 我们已经禁了右键,但从"查看"菜单下的"源文件"中同样可以看到源代码,下面我们就来解决这个问题: 
其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。 "
<frameset>
<frame src="你要保密的文件的URL">
</frameset> 
这样当有人使用"查看"下的"源文件"的时候,看到的将是上面的那段代码,而你真正的文件又躲过一劫。

2005-5-12 12:00 回复 

handonvan
0位粉丝
4楼

禁示另存为 
通过上面的两步好像你的源代码已经安全了,但别忘了,别人还可以将你的页面保存下来,再慢慢分析。不过别担心,下面我们来解决这个问题。
在你要保密的网页中加入以下代码:
<noscript> 
<iframe src="*.htm"></iframe> 
</noscript>

2005-5-12 12:00 回复 

handonvan
0位粉丝
5楼

彻底屏蔽右键方法。<body oncontextmenu="return false">

2005-5-12 12:01 回复 

handonvan
0位粉丝
6楼

网页设计常用代码

网页设计常用代码(一) 

1、禁止页面正文内容被选取 
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return 
false"onmouseup="document.selection.empty()"> 

2、xxie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no . 
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> 

3、防止点击空链接时,页面往往重置到页首端。 
代码“javascript:void(null)”代替原来的“#”标记 

4、如何避免别人把你的网页放在框架中 
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script> 

5、页面定时刷新 
<meta http-equiv="Refresh" content="秒" > 

6、页面定时转向新的地址 
<meta http-equiv="refresh" content="秒;URL=url"> 

7、关闭窗口,这个是不会弹出提示直接关的: 
把如下代码加入<body>区域中 
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<param name="Command" value="Close"> 
</object> 
<script language="javascript">function shutwin(){closes.Click();return;}</script> 
<a href="javascript:shutwin();">关闭本窗口</a> 




网页设计常用代码(二) 

有时候好不容易写出来的程序代码被别人抄去,心里一定不好受。这还是小事,但如果在我们的源代码中有一些不希望让别人知道的内容,比如密码、Action的指向等,这些一旦被人利用,那后果有时是不堪设想的。而网页加密就是我们现在需要解决的问题。下面就我在网页制作中的一些经验向大家介绍一些简单的防范方法。 
1、禁止右键 
看到这里大家一定会想,这招有很多人介绍过了,而且xx的方法也有很多。但我这里要说的是另一种方法,而且我试了很多方法都没有能xx。具体如下: 
<html> 
<head> 
<script> 
function stop(){ 
alert("试试能xx吗?"); 
return false; 

document.oncontextmenu=stop; 
</script> 
<boyd>你可以按右键、shift+F10和右ctrl左边的那个键试试!看能不能解。^_^</body> 

大家试试,看能不能xx!你可以将alert("试试能xx吗?");这句去掉,这样当按右键时就什么反应也没有了,就好像没有右键功能一样。 

2、禁示查看源代码 
我们已经禁了右键,但从"查看"菜单下的"源文件"中同样可以看到源代码,下面我们就来解决这个问题: 
其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。 
<frameset> 
<frame src="你要保密的文件的URL"> 
</frameset> 
这样当有人使用"查看"下的"源文件"的时候,看到的将是上面的那段代码,而你真正的文件又躲过一劫。 

3、禁示另存为 
通过上面的两步好像你的源代码已经安全了,但别忘了,别人还可以将你的页面保存下来,再慢慢分析。不过别担心,下面我们来解决这个问题。 
在你要保密的网页中加入以下代码: 
<noscript><iframe src="*.htm"></iframe></noscript> 

4、彻底屏蔽右键方法。<body oncontextmenu="return false"> 

--------------------------------------------------------------------------- 
SCRIPT language=javascript> 
//双击页面后自动滚屏,单击后停止。 
var currentpos,timer; 
function initialize() 
{ timer=setInterval("scrollwindow()",16); } 
function sc(){ 
clearInterval(timer); 

function scrollwindow() 
{currentpos=document.body.scrollTop; 
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) 


2005-5-12 12:06 回复 

handonvan
0位粉丝
7楼

sc(); 

document.onmousedown=sc 
document.ondblclick=initialize 

</script> 

____________________________________________________________________ 

<!--“禁示另存为”开始---> 

<noscript> 
<iframe src="*.htm"></iframe> 
</noscript> 

<!--“禁示另存为”结束---> 


<script language="javascript"> 

//设定脚本出错能继续运行 

function KillError() 

return false; 



window.onerror=KillError; 

</script> 
------------------------------------------------------------------ 
  

网页制作实用技巧 
1. oncontextmenu="window.event.returnvalue=false" 
将彻底屏蔽鼠标右键 

<table border oncontextmenu=return(false)><td>no</table> 
可用于Table 

2. <body onselectstart="return false"> 
取消选取、防止复制 

3. onpaste="return false" 
不准粘贴 

4. oncopy="return false;" oncut="return false;" 
防止复制 

5. <link rel="Shortcut Icon" href="favicon.ico"> 
IE地址栏前换成自己的图标 

6. <link rel="Bookmark" href="favicon.ico"> 
可以在收藏夹中显示出你的图标 

7. <input style="ime-mode:disabled"> 
关闭输入法 

8. 永远都会带着框架 
<script language="javascript"><!-- 
if (window == top)top.location.href = "frames.htm"; 

//frames.htm为框架网页 
// --></script> 

9. 防止被人frame 
<SCRIPT LANGUAGE=javascript><!-- 
if (top.location != 

self.location)top.location=self.location; 
// --></SCRIPT> 

10. <noscript><iframe src=*.html></iframe></noscript> 
网页将不能被另存为 

11. <input type=button value=查看网页源代码 
onclick="window.location = ’view-source:’+ 

’http://www.csdn.net/’"> 

12. 怎样通过asp的手段来检查来访者是否用了代理 
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" 

then 
response.write "<font color=#FF0000>您通过了代理服务器,"& 


"真实的IP为 

"&Request.ServerVariables("HTTP_X_FORWARDED_FOR") 
end if 
%> 

13. 取得控件的{jd1}位置 

//javascript 
<script language="javascript"> 
function getIE(e){ 
var t=e.offsetTop; 
var l=e.offsetLeft; 
while(e=e.offsetParent){ 
t+=e.offsetTop; 
l+=e.offsetLeft; 

alert("top="+t+"nleft="+l); 

</script> 

//VBScript 
<script language="VBScript"><!-- 
function getIE() 
dim t,l,a,b 
set a=document.all.img1 
t=document.all.img1.offsetTop 
l=document.all.img1.offsetLeft 
while a.tagName<>"BODY" 
set a = a.offsetParent 
t=t+a.offsetTop 
l=l+a.offsetLeft 
wend 
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置" 
end function 
--></script> 

14. 光标是停在文本框文字的{zh1} 
<script language="javascript"> 
function cc() 

var e = event.srcElement; 
var r =e.createTextRange(); 
r.moveStart(’character’,e.value.length); 
r.collapse(true); 
r.select(); 

</script> 
<input type=text name=text1 value="123" onfocus="cc()"> 

15. 判断上一页的来源 
asp: 
request.servervariables("HTTP_REFERER") 

javascript: 
document.referrer 

16. 最小化、{zd0}化、关闭窗口 
<object id=hh1 

classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object> 
<object id=hh2 

classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 


2005-5-12 12:06 回复 

handonvan
0位粉丝
8楼

<param name="Command" value="Maximize"></object> 
<OBJECT id=hh3 

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
<PARAM NAME="Command" value="Close"></OBJECT> 

<input type=button value=最小化 onclick=hh1.Click()> 
<input type=button value={zd0}化 onclick=hh2.Click()> 
<input type=button value=关闭 onclick=hh3.Click()> 
本例适用于IE 

------------------------------------------------------------------------ 

网页常用{tx}整理:初级篇 

作者:柳叶吹风 出处:天极设计在线 
浏览次数:688 加入时间:2002年07月17日 
笔者日积月累了许多精彩、实用的Web{tx}的制作,这些{tx}几乎都是比较常用的网页{tx}。现在我就把这些经过整理和修改过的{tx}分三个级别分别介绍给大家。 

  初级篇 

  1.让文字不停地滚动 

  <MARQUEE>滚动文字</MARQUEE> 

  2.记录并显示网页的{zh1}修改时间 

  <script language=javascript> 
  document.write("{zh1}更新时间: " + document.lastModified + "") 
  </script> 

  3.关闭当前窗口 

  <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a> 

  4.2秒后关闭当前页 

  <script language="javascript"> 
  <!-- 
  setTimeout(’window.close();’,2000); 
  --> 
  </script> 

  5.2秒后载入指定网页 

  <head> 
  <meta http-equiv="refresh" content="2;URL=http://你的网址"> 
  </head> 

  6.添加到收藏夹 

  <Script Language="javascript"> 
  function bookmarkit() 
  { 
  window.external.addFavorite(’http://你的网址’,’你的网站名称’) 
  } 
  if (document.all)document.write(’<a href="#" onClick="bookmarkit()">加入收藏夹</a>’) 
  </Script> 

  7.让超链接不显示下划线 

  <style type="text/css"> 
  <!- 
  a:link{text-decoration:none} 
  a:hover{text-decoration:none} 
  a:visited{text-decoration:none} 
  -> 
  </style> 

  8.禁止鼠标右键的动作 

  <Script Language = "javascript"> 
  function click() { if (event.button==2||event.button==3) 
  { 
  alert(’禁止鼠标右键’); 
  } 
  document.onmousedown=click // --> 
  </Script> 

或:<script language="javascript"> 
function click() { if (event.button==2) 
{alert(’*^_^*’); } } document.onmousedown=click // --> 
</script> 

  9.设置该页为首页 

  <body bgcolor="#FFFFFF" text="#000000"> 
  <!-- 网址:http://你的网址--> 
  <a class="chlnk" style="cursor:hand" HREF 
  onClick="this.style.behavior=’url(#default#homepage)’; 
  this.setHomePage(’你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> 
  </body> 
------------------------------------------------------------------------ 

网页常用{tx}整理:中级篇 



笔者日积月累了许多精彩、实用的Web{tx}的制作,这些{tx}几乎都是比较常用的网页{tx}。现在我就把这些经过整理和修改过的{tx}分三个级别分别介绍给大家。 

  中级篇 

  1.节日xxx 

  <Script Language="javascript"> 
  var timedate= new Date("October 1,2002"); 
  var times="国庆节"; 
  var now = new Date(); 
  var date = timedate.getTime() - now.getTime(); 
  var time = Math.floor(date / (1000 * 60 * 60 * 24)); 


2005-5-12 12:06 回复 

handonvan
0位粉丝
9楼

  if (time >= 0) 
  document.write("现在离"+times+"还有: "+time +"天")</Script> 

  2.单击按钮打印出当前页 

  <Script Language="javascript"> 
  <!-- Begin 
  if (window.print) { 
  document.write(’<form>’ 
  + ’<input type=button name=print value="打印本页" ’ 
  + ’onClick="javascript:window.print()"></form>’); 
  } 
  // End --> 
  </Script> 

  3.单击按钮‘另存为’当前页 

  <input type="button" name="Button" value="保存本页" 
  onClick="document.all.button.ExecWB(4,1)"> 
  <object id="button" 
  width=0 
  height=0 
  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> 
  <embed width="0" height="0"></embed> 
  </object> 

  4.显示系统当前日期 

  <script language=javascript> 
  today=new Date(); 
  function date(){ 
  this.length=date.arguments.length 
  for(var i=0;i<this.length;i++) 
  this[i+1]=date.arguments[i] } 
  var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 
  document.write( 
  "<font color=##000000 style=’font-size:9pt;font-family: 宋体’> ", 
  today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 
  d[today.getDay()+1],"</font>" ); 
  </script> 
--------------------------------------------------------------- 

高级篇 

  1.不同时间段显示不同问候语 

  <Script Language="javascript"> 
  <!-- 
  var text=""; day = new Date( ); time = day.getHours( ); 
  if (( time>=0) && (time < 7 )) 
    text="夜猫子,要注意身体哦! " 
  if (( time >= 7 ) && (time < 12)) 
    text="今天的阳光真灿烂啊,你那个朋友呢?" 
  if (( time >= 12) && (time < 14)) 
    text="午休时间。您要保持睡眠哦!" 
  if (( time >=14) && (time < 18)) 
    text="祝您下午工作愉快! " 
  if ((time >= 18) && (time <= 22)) 
    text="您又来了,可别和MM聊太久哦!" 
  if ((time >= 22) && (time < 24)) 
    text="您应该休息了!" 
  document.write(text) 
  //---> 
  </Script> 

  2.水中倒影效果 

  <img id="reflect" src="你自己的图片文件名" width="175" height="59"> 
  <script language="javascript"> 
  function f1() 
  { 
    setInterval("mdiv.filters.wave.phase+=10",100); 
  } 
  if (document.all) 
  { 
    document.write(’<img id=mdiv src="’+document.all.reflect.src+’" 
    style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">’) 
    window.onload=f1 
  } 
  </script> 

  3.慢慢变大的窗口 

  <Script Language="javascript"> 
  <!-- 
  var Windowsheight=100 
  var Windowswidth=100 
  var numx=5 
  function openwindow(thelocation){ 
  temploc=thelocation 
  if 
  (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)) 
  { 
    window.open(thelocation) 
    return 
  } 
  windowsize=window.open("","","scrollbars") 
  windowsize.moveTo(0,0) 
  windowsize.resizeTo(100,100) 
  tenumxt() 
  } 


2005-5-12 12:06 回复 

handonvan
0位粉丝
10楼

  function tenumxt(){ 
  if (Windowsheight>=screen.availHeight-3) 
    numx=0 
  windowsize.resizeBy(5,numx) 
  Windowsheight+=5 
  Windowswidth+=5 
  if (Windowswidth>=screen.width-5) 
  { 
    windowsize.location=temploc 
    Windowsheight=100 
    Windowswidth=100 
    numx=5 
    return 
  } 
  setTimeout("tenumxt()",50) 
  } 
  //--> 
  </script> 
  <p><a href="javascript:openwindow(’http://www.ccjol.com’)">进入</a> 

  4.改变IE地址栏的IE图标 

  我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码: 

  <link REL = "Shortcut Icon" href="index.ico"> 

5.让网页随意后退 

  <a href="javascript:history.go(-X)">X</a> //把X换成你想要后退在页数 
   //把“-”变成“+”就为前进 

  6.鼠标指向时弹出信息框 

  在<body></body>之间加上如下代码: 

  <a href onmouseover="alert(’弹出信息!’)">显示的链接文字</a> 

  7.单击鼠标右键弹出添加收藏夹对话框 

  在<body></body>之间加上如下代码: 

  <Script Language=javascript> 
  if (document.all) 
  document.body.onmousedown=new Function("if (event.button==2||event.button==3) 
  window.external.addFavorite(’您的网址’,’您的网站名称)") 
  </Script> 

  8.随机变换背景图象(一个可以刷新心情的{tx}) 

  在<head></head>之间加上如下代码: 

  <Script Language="javascript"> 
  image = new Array(4); //定义image为图片数量的数组 
  image [0] = ’tu0.gif’ //背景图象的路径 
  image [1] = ’tu1.gif’ 
  image [2] = ’tu2.gif’ 
  image [3] = ’tu3.gif’ 
  image [4] = ’tu4.gif’ 
  number = Math.floor(Math.random() * image.length); 
  document.write("<BODY BACKGROUND="+image[number]+">"); 
  </Script> 

  9.鼠标一碰就给颜色看的链接 

  在<body></body>之间加上如下代码: 

  <p onMouseMove="anniu()">你敢碰我,我就给点颜色你看!</p> 
  <Script Language = "VBScript"> 
  sub anniu 
  document.fgColor=int(256*256*256*rnd) 
  end sub 
  </Script> 

  10.从天而降并有幻影效果的窗口 

  <head> 
  <Script language="javascript"> 
  function move(x) { 
  if(self.moveBy){ 
  self.moveBy (0,-800); 
  for(i = x; i > 0; i--) 
  { 
  self.moveBy(0,3); 
  } 
  for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数 
  self.moveBy(0,j); 
  self.moveBy(j,0); 
  self.moveBy(0,-j); 
  self.moveBy(-j,0); 
  } 
  } 
  } 
  </Scrip> 
  <body bgColor=#ffffff onload=move(280)> 
  </body> 
  </head> 

  11.表格的半透明显示效果 

  在<head></head>之间加上如下代码: 

  <style> 
  .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度 
  </style> 

  在<body></body>之间加上如下代码: 
  <table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" > 
  <tr> 
  <td width="{bfb}" height="62"> 
  <div align="center">很酷吧!</div> 
  </td> 


2005-5-12 12:06 回复 

handonvan
0位粉丝
11楼

  </tr> 
  </table> 

------------------------------------------------------------------ 

1、禁止另存为 
<NOs cript><IFRAME SRC=-.html></IFRAME></NOs cript> 
加入HEAD里 

2、禁止右键 
<body oncontextmenu="return false"> 
或 
<s cript language="Javas cript"> 
<!-- 

if (window.Event) 
document.captureEvents(Event.MOUSEUP); 

function nocontextmenu() 

event.cancelBubble = true 
event.returnvalue = false; 

return false; 


function norightclick(e) 

if (window.Event) 

if (e.which == 2 || e.which == 3) 
return false; 

else 
if (event.button == 2 || event.button == 3) 

event.cancelBubble = true 
event.returnvalue = false; 
return false; 




document.oncontextmenu = nocontextmenu; // for IE5+ 
document.onmousedown = norightclick; // for all others 
//--> 
</s cript> 

3、让页面文字不被选中和复制 
<body onselectstart="return false"> 
或 
<body oncopy=alert(’对不起,禁止复制!’);event.returnvalue=false;> 

4、锁定状态栏文字防止显示地址 
<body onmouseover="self.status=’文字’;return true"> 


7、禁止图片下载 
在<body......>这里的{zh1}加入: 
oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="auto" 

5、禁止缓存 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 
加在HEAD里 

6、使用包含页面 
加密所包含页面地址,使用工具 htmlguardian5.3.5 
目前功能最强的html代码加密软件,可以保护连接和html代码被盗。1.锁右键。2.禁鼠标圈选。3.不允许离线使用。4.密码保护。5.不显示状态栏url地址。6.全代码 或 局部代码保护。7.链接跟踪。8.禁止打印(IE5+)。9.压缩代码( 未加密前)。10.可加密*.html *.js *.asp *.vbs。11.两种不同加密算法。12.加密 frameset 结构。13.某些功能支持几个不同版本的浏览器。 
  

------------------------------------------------------------------------- 

01.下载flash我的三种方法: 
--查看源文件,找出flash的{jd1}路径,复制,在flashget(或蚂蚁)中点任务 
,然后点新建下载任务即可。 
--在IE的临时文件夹Temporary Internet Files里把所有的东西都删掉,然后 

刷新你想要下载flash的网页,即可得到你所要的flash 
--使用外部软件,推荐使用Flash Catcher,安装后只需在你所要下载的flash上右键,save即可。 


02.让你的网页无法另存为 
<noscript><iframe src=*></iframe></noscript> 

03.让IFRAME框架内的文档的背景透明 
<iframe src="about:<body style=’background:transparent’>" 

allowtransparency></iframe> 

04.禁止右键: 
<body oncontextmenu="return false" ondragstart="return false" 

onselectstart ="return false" onselect="document.selection.empty()" 

oncopy="document.selection.empty()" onbeforecopy="return 
false"onmouseup="document.selection.empty()"> 

05.进入页面后立即自动刷新? 
<meta http-equiv="refresh" 

content="120;url=http://www.wodutom.com/cn083"> 
http://www.wodutom.com/cn083,这是你自己的网址。 

06.打开窗口即{zd0}化 
<script language="javascript"> 
<!-- Begin 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
// End --> 
</script> 

07.能隐藏IFRAME的滚动条吗?我知道的三种方法: 


2005-5-12 12:06 回复 

handonvan
0位粉丝
13楼

专题:滚动字幕制作手册作者:自由勇点击:MT-8000更新 2003-09-18
滚动字幕会让很多人感到兴奋,特别是{dy}次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。

滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立{dy}个滚动字幕。代码:
<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>
效果如:我钟意网页树树

2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是xx一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
中央电视台

b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
效果如:
文字内容

c)交替效果。代码如:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
效果如:
文字内容

d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>
效果如:
·早晨好啊!
·空气好清新啊
·今朝食乜好呢?
·中央电视台



·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央电视台</a></marquee>')</script>

e)改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>我钟意网页树树!</a></marquee>。
我钟意网页树树!

由上可以看出,HTML代码是可以随意组合的,功能强大!


1.文本框焦点问题
  onBlur:当失去输入焦点后产生该事件
  onFocus:当输入获得焦点后,产生该文件
  Onchange:当文字值改变时,产生该事件
  Onselect:当文字加亮后,产生该文件
  
  <input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if
  (value=='') {value='mm'}">点击时文字消失,失去焦点时文字再出现
  
  
  2.网页按钮的特殊颜色
  <input type=button name="Submit1" value="郭强" size=10 class=s02
  
  style="background-color:rgb(235,207,22)">
  
  3.鼠标移入移出时颜色变化
  <input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
  
  onMouseOver=this.style.color="red" class="button">
  
  4.平面按钮
  <input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;
  
  BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
  
  5.按钮颜色变化
  <input type=text name="nick" style="border:1px solid #666666; font-size:9pt; height:17px;
  
  BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
  
  6.平面输入框
  <input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">
  
  7.使窗口变成指定的大小
  <script>
  window.resizeTo(300,283);
  </script>
  
  8.使文字上下滚动
  <marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
  
  height=60>
  <!-- head_scrolltext -->
  <tr>
  <td>
  共和国
  </table> <!-- end head_scrolltext -->
  </marquee>
  
  9.状态栏显示该页状态
  <base onmouseover="window.status='网站建设 http://www.webmake.cn/' ;return true">
  
  10.可以点击文字实现radio选项的选定
  <br>
   <input type="radio" name="regtype" value="A03" id="A03">
  <label for="A03"> 情侣 : 一次注册两个帐户</label> <br>
  
  11.可以在文字域的font写onclick事件
  
  12.打印</a>打印网页
  <a href='javascript:window.print ()'>
  
  13.线型输入框
  <input type="text" name="key" size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()
  
  class="line">
  
  14.显示文档{zh1}修改日期
  <script language=javascript>
  function hi(str)
  {
  document.write(document.lastModified)
  
  alert("hi"+str+"!")
  }
  </script>
  
  15.可以在鼠标移到文字上时就触发事件
  <html>
  <head>
  <script language="Livescript">
  <!-- Hiding
   function hello() {
   alert("哈罗!");
   }
  </script>
  </head>
  <body>
  <a href="" onMouseOver="hello()">link</a>
  </body>
  </html>
  
  16.可以根据网页上的选项来确定页面颜色
  <HTML>
  <HEAD>
  <TITLE>background.html</TITLE>
  </HEAD>
  <script>
  <!--
  
  function bgChange(selObj) {
  newColor = selObj.options[selObj.selectedIndex].text;
  document.bgColor = newColor;
  selObj.selectedIndex = -1;
  }
  
  //-->
  </script>
  <BODY STYLE="font-family:Arial">
  <B>Changing Background Colors</B>
  <BR>
  <FORM>
   <Select SIZE="8" onChange="bgChange(this);">
   <OPTION>Red
   <OPTION>Orange
   <OPTION>Yellow
   <OPTION>Green
   <OPTION>Blue
   <OPTION>Indigo
   <OPTION>Violet
   <OPTION>White
  <OPTION>pink
   </Select>
  </FORM>
  </BODY>
  </HTML>
  
  17.将按钮的特征改变
  <style type="text/css">
  <!--
  .style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF
  
  #CCCCCC #CCCCCC #CCCCFF}
  .style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;
  
  border-color: #CCFF99 #999999 #999999 #CCFF99}
  -->
  </style>
    本例按钮的代码如下:
  <input type="submit" name="Submit" value="提 交" onmouseover="this.className='style2'"
  
  onmouseout="this.className='style1'" class="style1">
  
  18.改变按钮的图片.
  <style type="text/css">
  <!--
  .style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}
  .style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:
  
  60px; height: 22px}
  -->
  </style>
    本例的按钮代码如下:
  <input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'"
  
  onmouseout="this.className='style3'" class="style3">
  
  19.打印页面
  <div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
  
  20.可以直接写html语言
  document.write("");
  
  21.改变下拉框的颜色
  <select name="classid"
  
  onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"
  
  size="1" style="color:#008080;font-size: 9pt">
  
  22.转至目标URL
  window.location="http://guoguo"
  
  23.传递该object的form
  UpdateSN('guoqiang99267',this.form)
  function UpdateSN(strValue,strForm)
  {
   strForm.SignInName.value = strValue;
   return false;
  }
  
  24.文字标签
  <label for="AltName4"><input name="AltName" type="RADIO" tabindex="931" id="AltName4"
  
  >guoqiang99859</label>
  
  25.layer2为组件的ID,可以控制组件是否可见
  document.all.item('Layer2').style.display = "block";
  document.all.item('Layer2').style.display = "none";//
  
  26.将页面加入favorite中
  <script language=javascript>
  <!--
  function Addme(){
  url = "http://your.site.address"; //你自己的主页地址
  title = "Your Site Name"; //你自己的主页名称
  window.external.AddFavorite(url,title);
  -->
  </script>//
  
  27.过10秒自动关闭页面
  < script language="Javascript" >
  function closeit() {
  setTimeout("self.close()",10000)
  }
  < /script >
  
  28.可以比较字符的大小
  char=post.charAt(i);
  if(!('0'<=char&&char<='9'))
  
  29.将字符转化为数字
  month = parseInt(char)
  
  30.点击value非空的选项时转向指定连接
  <select onchange='if(this.value!="")window.open(this.value)' class="textinput">
   <option selected>主办单位</option>
   <option>-----------------</option>
   <option value="http://www.bjd.com.cn/">北京日报</option>
   <option value="http://www.ben.com.cn/">北京晚报</option>
  </select>
  
  31.改变背景颜色
  <td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';"
  
  onmouseout="this.bgColor='#FAFBFC';">
  
  32.改变文字输入框的背景颜色
  <style>
  .input2 {background-image: url('../images/inputbg.gif'); font-size: 12px; background-color:
  
  #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
  </style>
  <input name=content type=text size="47" class="input2" maxlength="50">
  
  33.改变水平线的特征
  <hr size="0" noshade color="#C0C0C0">
  
  34.传递参数的方式
  <a href="vote.asp?CurPage=8&id=3488">8</a>
  
  35.页内跳转
  <a href="#1">1</a>
  <a href="#2">2</a>
  <a href="#3">3</a>
  <a href="#4">4</a>
  <a href="#5">5</a>
  <a href="#6">6</a>
  <a href="#7">7</a>
  <a name="1">dfdf</a>
  <a name="2">dfdf</a>//
  
  36.两个按键一起按下
  if(event.ctrlKey && window.event.keyCode==13)//
  
  37.刷新页面
  javascript:this.location.reload()//
  
  38.将网页的按钮使能
  <script LANGUAGE="Javascript">
  function haha()
  {
  for(var i=0;i<document.form1.elements.length;i++)
  {
   if(document.form1.elements[i].name.indexOf("bb")!=-1)
   document.form1.elements[i].disabled=!document.form1.elements[i].disabled;
  }
  }
  </script>
  <BODY><form name=form1>
  <INPUT TYPE="button" NAME="aa " value=cindy onclick=haha()>
  <INPUT TYPE="button" NAME="bb " value=guoguo>
  <INPUT TYPE="button" NAME="bb " value=guoguo>
  
  39.文字移动
  <marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>
  
  40.双击网页自动跑
  <script LANGUAGE="Javascript">
  var currentpos,timer;
  function initialize()
  {
  timer=setInterval("scrollwindow()",1);
  }
  function sc()
  {
  clearInterval(timer);
  }
  function scrollwindow()
  {
  currentpos=document.body.scrollTop;
  window.scroll(0,++currentpos);
  if (currentpos != document.body.scrollTop)
   sc();
  }
  document.onmousedown=sc
  document.ondblclick=initialize
  </script>//
  
  41.后退
  <INPUT TYPE="button" onclick=window.history.back() value=back>
  
  42.前进
  <INPUT TYPE="button" onclick=window.history.forward() value=forward>
  
  43.刷新
  <INPUT TYPE="button" onclick=document.location.reload() value=reload>
  
  44.转向指定网页
  document.location="http://ww"或者document.location.assign("http://guoguo.com")
  
  45.在网页上显示实时时间
  <script LANGUAGE="Javascript">
  var clock_id;
  window.onload=function()
  {
  clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
  }
  </script>//
  
  46.可以下载文件
  document.location.href="目标文件"//
  
  47.连接数据库
  import java.sql.*;
  String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
  Class.forName(myDBDriver);
  Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");
  Statement stmt=conn.createStatement();
  ResultSet rs=stmt.executeQuery(sql);
  rs.getString("column1");//
  
  48.可以直接在页面“div”内写下所需内容
  <INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'">
  <div id=a1></div>//
  
  49.可以改变页面上的连接的格式,使其为双线
  <style>
  A:link {text-decoration: none; color:#0000FF; font-family: 宋体}
  A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}
  A:hover {text-decoration: underline overline; color: FF0000}
  </style>
  
  <style>
  A:link {text-decoration: none; color:#0000FF; font-family: 宋体}
  A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}
  A:hover {text-decoration: underline overline line-through; color: FF0000}
  TH{FONT-SIZE: 9pt}
  TD{FONT-SIZE: 9pt}
  body {SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;
  
  SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;
  
  SCROLLBAR-TRACK-COLOR: #e7e7e7;}
  
  INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:
  
  9pt; BORDER-LEFT-COLOR: #cccccc;
  BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;
  
  PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
  DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
  textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体;
  
  font-size: 9pt; font-style: bold;}
  .text { font-family: "宋体"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px
  
  1px 1px}
  </style>完整的css
  
  
  50.新建frame
  <a
  
  href="javascript:newframe('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little
  
  /a_13.html')"><img alt=帮助 border=0 src="http://bjpic.163.net/images/mail/button-help.gif"></a>
  
  51.向文件中写内容
  <%@ page import="java.io.*" %>
  <%
  String str = "print me";
  //always give the path from root. This way it almost always works.
  String nameOfTextFile = "/usr/anil/imp.txt";
  try
  {
   PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));
   pw.println(str);
   //clean up
   pw.close();
  }
  catch(IOException e)
  {
   out.println(e.getMessage());
  }
  %>
  
  52.先读文件再写文件
  <%@ page language = "java" %>
  <%@ page contentType = "text/html; charSet=gb2312" %>
  <%@ page import ="java.util.*" %>
  <%@ page import ="java.lang.*" %>
  <%@ page import ="javax.servlet.*" %>
  <%@ page import ="javax.servlet.jsp.*" %>
  <%@ page import ="javax.servlet.http.*" %>
  <%@ page import="java.io.*" %>
  eryrytry
  <%
  int count=0;
  FileInputStream fi =new FileInputStream ("count.txt");
  ObjectInputStream si= new ObjectInputStream (fi);
  count =si.readInt();
  count++;
  out.print(count);
  si.close();
  
  FileOutputStream fo =new FileOutputStream ("count.txt");
  ObjectOutputStream so= new ObjectOutputStream (fo);
  so.writeInt(count);
  so.close();
  %>
  
  53.直线型输入框
  <INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0;
  
  border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">
  
  54.可以将背景改为按钮性状,通过改变css改变属性
  <td width="65" align="center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt';
  
  onmouseout=this.className='mouseout';><a href="tm.asp?classid=76"><font
  
  color="#000000">录音笔</font></a></td>
  <style>
  .mouseoverbt
  {
  background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);
  background-repeat: no-repeat;
  }
  .mouseout
  {
  background-color: #E0E0E0;
  }
  </style>
  
  55.同时按下CTRL和Q键
  document.onkeydown=function()
  {
  if(event.ctrlKey&&event.keyCode==81)
  {alert(1)}
  }//
  
  56.以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐
  
  藏掉
  ---------------------------------------------------------------------------------------------------------
  
  ------------
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
  <style>
  #hint{
  width:198px;
  border:1px solid #000000;
  background:#99ff33;
  position:absolute;
  z-index:9;
  padding:6px;
  line-height:17px;
  text-align:left;
  top: 1520px;
  }
  </style>
  <script LANGUAGE="Javascript">
  <!--
  function showme()
  {
  var ōSon=window.document.getElementById("hint");
  if (oSon==null) return;
  with (oSon)
  {
   innerText=guoguo.value;
   style.display="block";
   style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
   style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
  }
  }
  function hidme()
  {
  var ōSon=window.document.getElementById("hint");
  if (oSon==null) return;
  oSon.style.display="none";
  }
  //-->
  </script>
  <BODY>
  <text id=guoguo value=ga>
  <a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd</a>
  <div id=hint style="display:none"></div>
  </BODY>
  </HTML>
  ---------------------------------------------------------------------------------------------------------
  
  ------------
  
  57.弹出窗口
  方法一:<body onload="openwen()"> 浏览器读页面时弹出窗口;
  方法二:<body onunload="openwen()"> 浏览器离开页面时弹出窗口;
  方法三:用一个连接调用:<a href="#" onclick="openwin()">打开一个窗口</a>
  注意:使用的"#"是虚连接。
  方法四:用一个按钮调用:<input type="button" onclick="openwin()" value="打开窗口"> 何时装载script
  
  
  58.动态改变字体的大小
  function doZoom(size)
  {
   document.getElementById('zoom').style.fontSize=size+'px'
  }
  
  function aa()
  {
   var newWin=window.open(url);
   newWin.document.form1.text1.value=value1;
  }改变弹出窗口上域的属性
  opener.document.form2.text2.value=value2;改变父窗口的域的值
  
  59.判断是何种浏览器
  var name = navigator.appName;
  if (name == "Microsoft Internet Explorer")
  alert("IE");
  else if (name == "Netscape")
  alert("NS");//
  
  60.vbsscript确定框
  <script language="VBscript">
  <!--
  MsgBox "确定删除吗?", 4
  //-->
  </script>//
  
  61.复制内容到剪切板
  function JM_cc(bb)
  {
   var ōb=eval("document.form1."+bb);
   ob.select();
   js=ob.createTextRange();
   js.execCommand("Copy");
  }//
  
  62.java中建立数据库连接取数据
  public void init()
  {
  String url="jdbc:odbc:javadata";
  try
  {
   Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
   Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password
   DatabaseMetaData dma=con.getMetaData();
   System.out.println("Connect to"+dma.getURL());
   System.out.println(";Driver "+dma.getDriverName());
   System.out.println(";Version "+dma.getDriverVersion());
   System.out.println("");
   Statement stmt=con.createStatement();
   ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql
   rs.next();
   String dispresult=rs.getString("name");
   System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc.
   rs.close();
   stmt.close();
   con.close();
  }
  catch(SQLException ex)
  {
   System.out.println("!!!SQL Exception !!!");
   while(ex!=null)
   {
   System.out.println("SQLState:"+ex.getSQLState());
   System.out.println("Message:"+ex.getMessage());
   System.out.println("Vendor:"+ex.getErrorCode());
   ex=ex.getNextException();
   System.out.println("");
   }
  
  }
  catch(java.lang.Exception ex)
  {
   ex.printStackTrace();
  }
  }//
  
  
  63.最小化窗口
  window.blur()//
  
  
  64.文档的路径
  document.URL//
  
  65.定时执行某段程序
  setTimeout("change_color()",600);
  
  66.设置为主页
  function makeHome(){
   netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");
   navigator.preference("browser.startup.homepage", location.href);
  }//
  
  67.设置为收藏
  function addFav(){
   if(ie)
   window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');
   if(ns)
   alert("Thanks for the bookmark!\n\nNetscape users click OK then press CTRL-D");
  }//
  
  68.判断cookie是否可用
  navigator.cookieEnabled;//
  
  69.显示有模式的有页面的弹出窗口
  function setbgcolor_onclick()
  {
  var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");
  if (color != null)
  {
   document.compose.bgcolor.value = color;
  }
  }//
  
  
  70.截取小数点后两位
  var a=3454545.4454545;
  alert(a.toFixed(2));//
  
  
  71.禁止选择页面上的文字来拷贝
  <script>
  function noEffect() {
   with (event) {
   returnValue = false;
   cancelBubble = true;
   }
   return;
  }
  </script>
  <body onselectstart="noEffect()" oncontextmenu="noEffect()">//
  
  72.屏蔽右键菜单
  oncontextmenu="event.returnValue = false"//
  
  73.事件禁止起泡
  event.cancelBubble = true//
  
  74.禁止在输入框打开输入法
  <input style="ime-mode: disabled">//
  
  75.屏蔽汉字和空格
  <input name="txt"><input type="submit" onClick="alert(!/[^ -}]|\s/.test(txt.value))">//
  
  76.用javascript判断文件是否存在
  function Exists(filespec)
  {
  if (filespec)
  {
   var fso;
   fso = new ActiveXObject("scripting.FileSystemObject");
   alert(fso.FileExists(filespec));
  }
  }
  选择图片 <input type=file name=f1><p>
  <input type="submit" onClick="Exists(f1.value)">//
  
  77.获得当前的文本框选中的文字
  <input onmouseup="alert(document.selection.createRange().text)" value=123>//
  
  78.跳转至目标页面,同时不可返回
  <a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//
  
  
  79.获得当前的行是表格的第几行
  <script>
  function getrow(obj)
  {
   if(event.srcElement.tagName=="TD"){
   curRow=event.srcElement.parentElement;
   alert("这是第"+(curRow.rowIndex+1)+"行");
  
   }
  }
  </script>
  
  <table border="1" width="{bfb}" onclick=getrow(this)>
   <tr>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   </tr>
   <tr>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   <td width="20%"> </td>
   </tr>
  </table>//
  
  80.删除表格某行,xx表示某行,下标从0开始计算
  document.all.myTable.deleteRow(xx)//
  
  81.动态的向表格中添加行
  <table id="t1" border="1">
  </table>
  <script language="Javascript">
  function add()
  {
   t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
  }//
  
  
  
  82.event.x,event.clientX,event.offsetX区别:
  x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置,不
  
  包括滚动条,就是正文区域。 offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
  screenX:相对于用户屏幕。
  
  
  83.显示是鼠标按钮的哪个
  <body onMouseDown="alert(event.button)">点Mouse看看//
  
  84.打开C盘
  <form action="file:///c|/"><input type="submit" value="c:\ drive"></form>//
  
  85.当前屏幕的分辨率
  screen.width、screen.height//
  
  86.设置表格中的内容
  tbl.rows[0].cells[1].innerText=document.form.text1.value;//
  
  
  87.本地快捷键
  <p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a></p>
  <p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的电脑</a></p>
  <p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p>
  <p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>
  <p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}"
  
  target="_blank">控制面板</a></p>
  <p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)</p>
  
  
  88.IE菜单
  <button onclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片
  <input type=button onclick="document.execCommand('CreateLink','true','true')"> //创建新连接
  <input type=button onclick="document.execCommand('print','true','true')"> //打印
  <input type=button onclick="document.execCommand('saveas','true','网站制作.htm')">//另存为htm
  <input type=button onclick="document.execCommand('saveas','true','网站制作.txt')">//另存为txt
  document.execCommand("SaveAs")//保存为
  document.execCommand('undo')//撤销上一次操作
  
  89.web对话框
  <script>
  var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
  contents+='<title>你要关闭我吗</title>';
  contents+='<body bgcolor=menu>';
  contents+='<table width={bfb} height={bfb} border=0>';
  contents+='<tr><td align=center>';
  contents+='你要关闭我吗?<br>';
  contents+='<img src=dark.gif onclick=self.close() alt="...关闭">';
  contents+='<img src=jet.gif onclick=self.close() alt="全是关闭">';
  contents+='</td></tr></table>';
  showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
  document.write(contents);
  </script>//
  
  90.取第x,y的值
  <button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//
  
  91.向新打开的网页上写内容
  newwin=window.open('about:blank','','top=10');
  newwin.document.write('');//
  
  93.返回
  javascript:history.go(-2);//
  
  94.将页面上选中的内容复制到剪贴板
  abcdefg
  <input type='button'
  
  onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中
  
  的字符'>//
  95.将页面上选中的内容复制到剪贴板
  <INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false',
  
  null);">////
  
  96.鼠标移到下拉框时自动全部打开
  <select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
  
  97.获得本机的文件
  var fso = new ActiveXObject("scripting.FileSystemObject");
  var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
  alert("File last modified: " + f1.DateLastModified); //
  
  98.判断客户端是否是IE浏览器
  因为 document.all 是 IE 的特有属性,所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;
  
  99.创建新的下拉框选项
  new Option(text,value)这样的函数//
  
  100.在页面上画柱状图
  <STYLE>
  td{font-size:12px}
  body{font-size:12px}
  v\:*{behavīor:url(#default#VML);} //这里声明了v作为VML公用变量
  </STYLE>
  <script LANGUAGE="Javascript">
  mathstr=12;
  document.write ("<v:rect fillcolor='red'
  
  style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion
  
  backdepth='15pt' on='true'/></v:rect>")
  </script>
  <v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion
  
  backdepth='15pt' on='true'/></v:rect>
  <v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion
  
  backdepth='15pt' on='true'/></v:rect>//

郑重声明:资讯 【网页设计常用- - JavaEye技术网站】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——