注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

闲余泊

执忧淡于蓝调中~~

 
 
 

日志

 
 
关于我

有点脾气不常发挥 有点个性若隐若现 有点清高见怪不怪 有根筋不拐弯抹角,有着猪一样完美结局 和珠穆朗玛一样,海拔足够大气,没有刷新的可能, 原产地不敢说明 陋室无名,潜也好,浮也罢,自由来去不收多余网费 你转也好,偷也欢迎,来者是客,这里没有侵权的可能。 喜文乐见,同好者聚,非诚勿扰。

网易考拉推荐

各种代码大全  

2008-11-26 16:38:52|  分类: 工具小仓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

MSN个人空间制作    

 一些说明:

所有的代码都是HTML代码,所以必须在HTML的编辑环境下进行。可以直接在这里复制代码,放到你的日志编辑中,必须先选中日志工具栏中<HTML>按钮才可以.各种代码大全 - 沙漠甘泉 - 沙漠甘泉

一些简单代码:

1.添加北京音乐:<IMG height=1 width=1 border=0 loop=infinite dynsrc="http://www.llh47.com/bbs/images/bbsitem/1129783645625.wma" src="http://atiger.spaces.live.com/atiger.jpg">

2.给日至添加背景,代码: 

1. 信纸背景:<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD align=left width=162 background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_top.jpg height=78>&nbsp; <IMG style="WIDTH: 135px; HEIGHT: 62px" height=100 alt="first welcome.gif (15972 bytes)" src="http://www.1east.com/gg6/first%20welcome.gif" width=180>

<TD background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_bg.jpg height=78>&nbsp;</TR></TBODY></TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff border=0>

<TBODY>

<TR>

<TD>&nbsp;

<TD style="COLOR: #db5c8b; LINE-HEIGHT: 25px" width="95%" background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_line.gif>

<P><FONT color=#006400><SPAN style="FONT-SIZE: 12pt; FONT-FAMILY: 仿宋_GB2312">你好</SPAN></FONT>

<P>&nbsp; </P>

<TD>&nbsp;</TR></TBODY></TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD width=118 background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_copyright.jpg height=90>&nbsp;

<TD background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_bg2.jpg>&nbsp;

<TD width=153 background=http://www.51aj.com/user/diarybackimg/5/image-clxq/love_4_buttom.jpg height=90><IMG style="WIDTH: 180px; HEIGHT: 87px" height=100 alt="first welcome.gif (15972 bytes)" src="http://www.1east.com/gg6/first%20welcome.gif" width=180></TR></TBODY></TABLE></DIV>

<DIV><U><FONT color=#0000ff></FONT></U>

2. 动感背景: <TABLE style="WIDTH: 777px; HEIGHT: 884px" cellSpacing=30 cellPadding=0 width=777 background=http://www.vicn.net/UploadFile/2004-6/2004659363318.gif border=0>

<TBODY>

<TR>

<TD width="100%">                  找一些票漂亮的gif图片地址会让你的日至更加的丰富多彩。

在一张图片上加透明flash的效果及代码:

<TABLE style="WIDTH: 550px; HEIGHT: 400px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://www.xxjy.net/UploadFile/2005-2/200527141836896.jpg border=0><TBODY><TR><TD><EMBED src=http://imgfree.21cn.com/free/flash/5.swf width=550 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE>

在背景上加FLASH字体

<TABLE style="WIDTH: 550px; HEIGHT: 400px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://www.xxjy.net/UploadFile/2005-2/200527141836896.jpg border=0><TBODY><TR><TD><EMBED src=http://bbs.xxjy.net/wmuser/byys/flash/nixuehui.swf width=550 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></TD></TR></TBODY></TABLE>

水波倒影

<P align=center><APPLET codeBase=http://www.romantic-art.com/ height=550 width=450 code=Lake.class><PARAM NAME="image" VALUE="http://romantic-art.com/cards/beaches1/b05.jpg"></APPLET></P>

下雪了

<P align=center><APPLET codeBase=http://romantic-art.com height=319 width=391 align=baseline code=alcsnow.class><PARAM NAME="snows" VALUE="700"><PARAM NAME="grph" VALUE="http://romantic-art.com/CardsChrist2001/silentnight/coloradonighttop.jpg"><PARAM NAME="threadsleep" VALUE="50"></APPLET> </P>

添加多个透明FLASH语法

<P align=center><TABLE border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=255 background=http://www.vicn.net/UploadFile/2004-7/20047301729519.gif height=300><P><B><EMBED align=right src=http://mouse520.51.net/flash/36.swf width=255 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://bg.e-yu.cn/fh/3/31.swf width=255 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash/19.swf width=255 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>

雾化

<center><TABLE cellSpacing=0 cellPadding=0 width=500 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

背景及移动的字

<TABLE height=300 cellSpacing=0 cellPadding=0 width=500 align=center background=http://photo.cnitv.com/PicLib/Pictures/Pic_23.jpg border=3><TBODY><TR><TD><P align=center><MARQUEE scrollAmount=3 direction=up><P align=center><FONT face=隶书 color=#228c45 size=18>朋友</FONT></P><P align=center><FONT face=隶书 color=#228c45 size=18>瑞特</FONT></P><P align=center><FONT face=隶书 color=#228c45 size=18>欢迎你的到来</FONT></FACE></SIZE></COLOR></P></MARQUEE></P></TD></TR></TBODY></TABLE>

透明flash多层叠加

 <CENTER><TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table><TBODY><TR><TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>

html特效代码总编

一、 文字链接

  当你单击链接时,先会出现一段文字,然后接着链接到你所要访问地址, 给人一种动感的效果!

代码如下:

  <SCRIPT language="JavaScript">

  <!--

  function MM_showHideLayers() { //v2.0

  var i, visStr, args, theObj;

  args = MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)

  visStr = args[i+2];

  if (navigator.appName == "Netscape" && document.layers != null) 

{

  theObj = eval(args[i]);

  if (theObj) theObj.visibility = visStr;

  } else if (document.all != null) { //IE

  if (visStr == "show") visStr = "visible"; //convert vals

  if (visStr == "hide") visStr = "hidden";

  theObj = eval(args[i+1]);

  if (theObj) theObj.style.visibility = visStr;

  } }

  }

  function MM_preloadImages() { //v2.0

  if (document.images) {

  var imgFiles = MM_preloadImages.arguments;

  if (document.preloadArray==null) document.preloadArray = new Array();

  var i = document.preloadArray.length;

  with (document) for (var j=0; j<imgFiles.length; j++)

  if (imgFiles[j].charAt(0)!="#"){

  preloadArray[i] = new Image;

  preloadArray[i++].src = imgFiles[j];

  } }

  }

  //-->

  </SCRIPT>

  <!--第二步:在<body>区中加入如下代码-->

  <div id="Layer1" style="position:absolute;

  left:240px; top:175px; width:306px; height:63px; z-index:1; visibility: hidden"><a href="javascript.zip"><font color=green size="5" face="隶书">吴阳人!</font></a></div>

  <div id="Layer2" style="position:absolute; left:280px; top:237px; width:147px; height:82px; z-index:2; visibility: visible">

  <p align="center"><a href="http://a0759.126.com"; target="_blank">

  <img SRC="1.jpg" border="0" onMouseDown="MM_showHideLayers("document.layers[\"Layer1\"]",

  "document.all[\"Layer1\"]","show")"></a><br>

  </p>

  </div>

二、 滚动链接

  当你的鼠标一放上去时,链接文字就会不断地滚动,心动了吧!

代码如下:

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  var a,b,go,word;

  function greenlight(word){

  a="吴阳人";

  word.style.color="red";

  linkSwitch();

  }

  function linkSwitch(){

  clearTimeout(go);

  b=a;

  a=a.substring(1,100)+a.charAt(0);

  esh.innerText=a;

  go=setTimeout("linkSwitch()",100);

  }

  function stp(word){

  clearTimeout(go);

  esh.innerText="吴阳人";

  word.style.color="blue";

  }

  //-->

  </SCRIPT>

  <!--第二步:把如下代码加入<body>区域中-->

  <A HREF=" http://a0759.126.com/"; onmouseover="greenlight(this)" onmouseout="stp(this)" ;><span id="esh">吴阳人</span></A>

  </body>

三、 警告式链接

  当你将鼠标放到链接文本时,会出现一个警告框,可以利用这个功能来设置出一些欢迎词。

  代码如下:

<SCRIPT>

  // JavaScript Form Validation Demo

  // by Paul Colton</SCRIPT>

  <p><FONT SIZE=+2><A HREF=" http://a0759.126.com/ ;" onMouseOver="alert("现在是休息时间,但还是先看看再下线^O^")"> 吴阳人</A></FONT></body>

四、 向上移动的文字链接

  当你的鼠标放上去时,文章会停留,这样的效果在纵横网际中经常出现!

  代码如下:

<table border=1 bordercolor=#FFFFFF cellpadding=0 cellspacing=0

  width=195 bordercolordark="#FFFFFF">

  <tr>

  <td height=15 align="center">

  <table align=center bgcolor=#ffffff border=1

  bordercolordark=#ffffff bordercolorlight=#006666 cellpadding=0

  cellspacing=0 width="237" bordercolor="#FFFFFF">

  <tbody>

  <tr>

  <td height="11" align="center" width="233">

  <script language=JavaScript>

  var index = 10

  link = new Array(9);

  text = new Array(3);

link[0] =" http://a0759.126.com/";

  link[1] ="站点二网址";

  link[2] ="站点三网址";

  (在这里中你还可以自己添加一些内容,方法是一样的!)

  text[0] ="吴阳人"

  text[1] ="站点二"

  text[2] ="站点三"

document.write ("<marquee scrollamount="1" scrolldelay="60" direction= "up" width="188" id=xiaoqing height="120" onmouseover=xiaoqing.stop() onmouseout=xiaoqing.start()>");

  for (i=0;i<index;i++){

  document.write ("<a href="+link[i]+" target="_blank"><font color=#003399>");

  document.write (text[i] + "</font></A><br>");

  }

  document.write ("</marquee>")

  </script>

  </td>

  </tr>

  </tbody>

  </table>

  </td>

  </tr>

  <tr align=middle>

五、 随机链接地址

  应用这个功能来设计链接地址时,主页就可以随机出现。

代码如下:

<SCRIPT LANGUAGE="JavaScript">

  p = new Array(14);

  t = new Array(14);

  p[0] = "http://a0759.126.com/";

  p[1] = "请填入对应站点二的链接";

  p[2] = "请填入对应站点三的链接";

  p[3] = "请填入对应站点四的链接"

  p[4] = "请填入对应站点五的链接"

  p[5] = "请填入对应站点六的链接"

t[0] = "吴阳人"

  t[1] = "站点二"

  t[2] = "站点三"

  t[3] = "站点四"

  t[4] = "站点五"

  t[5] = "站点六"

index = Math.floor(Math.random() * p.length);document.write("<H4>");

  document.write("<DL>\n");

  document.write("这次的链接地址为:");

  document.write("<BR><UL>");

  document.write("<A HREF="+p[index]+">"+p[index]+"</A>");

  document.write("</UL><P>");

  document.write("这个站点的名称是:");

  document.write("<BR><UL><FONT COLOR=RED>");

  document.write(t[index]);

  document.write("</DL>\n");

  document.write("</h4>");</SCRIPT></FONT>

  </UL></Ul>

六、 滚屏链接

  当你的滚动栏移动到某个位置时,链接也跟着移动,就跟滚动图片效果一样!

代码如下:

<script language="javascript">

  <!--

  function stat(){

  var a = pageYOffset+window.innerHeight-document.bar.document.height-15

  document.bar.top = a

  setTimeout("stat()",2)

  }

  function fix(){

  nome=navigator.appName

  if(nome=="Netscape"){

  stat()

  }

  else{

  var a=document.body.scrollTop+document.body.clientHeight-document.

all.bar.offsetHeight+15

  bar.style.top = a

  }}

  //-->

  </script>

  <!--第二步:再将以下代码放在<BODY>区:-->

  <body onLoad="fix()" onScroll="fix()" onResize="fix()">

  <span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >

  <table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">

  <tr align="center">

  <td width="190"> <a href="http://www.homeasp.net/";>吴阳人</a></td>

  <td width="147"> <a href="http://www.wuchuan-city.com/";>吴川视窗</a></td>

  <td width="96"> <a href="http://www.wcwy.com/";>吴阳在线</a></td>

  <td width="158"> <a href="a0759@tom.com" >给写信</a>

  </td>

  </tr>

  </table>

  </span>

七、 梦幻链接色彩

  当鼠标单击链接文本时,链接文本会变色!

代码如下:

<!-- Begin

  function doColor(item, color, bg) {

  item.style.color = color; // changes text color

  item.style.backgroundColor = bg; // changes background

  }

function undoColor(item) {

  item.style.color = "#000000"; // sets color back to black

  item.style.backgroundColor = ""; // sets background to default

  }

  // End -->

  </script>

  </HEAD>

<!--第二步:在<body>区中加入如下代码-->

  <a name="link1" href="http://a0759.126.com/"; onmouseover="doColor(link1, "yellow","black");" onmouseout="undoColor(link1);"> 吴阳人</a>

  <p>

  <a name="link2" href="http://www.homeasp.net/school/ ;/" onmouseover="doColor(link2, "blue","red");" onmouseout="undoColor(link2);">电脑应用!</a>

八、 确认链接

  这个特效功能是当你单击链接地址时,弹出问你是否要进入的提示框!

代码如下:

  <script>

  function winconfirm()

  {question = confirm("确实要进入吗?")

  if (question != "0"){

  window.open("http://www.homeasp.net/school/";, "NewWin", "status=yes, height=200, width=200")}}</script>

  <a href="http://a0759.126.com/" onClick="winconfirm(); return false;"><p>吴阳人</a></p></body>

   如何设置(用户点击后设为主页)请按以下步骤做

在<body>中插入下面代码(注意:在下面地址栏中更改为你自己的主页)

 <a onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://win21cn.512j.com');

return false;" href="http://win21cn.512j.com">设为主页</a>

  如何设置(动感的主题文字)请按以下步骤做

在<body>中插入下面代码

<style>

<!--

#glowtext{

filter:glow(color=0A9DF5,strength=2);

width:100%;

}

-->

</style>

<script language="JavaScript1.2">

function glowit(which){

if (document.all.glowtext[which].filters[0].strength==2)

document.all.glowtext[which].filters[0].strength=1

else

document.all.glowtext[which].filters[0].strength=2

}

function glowit2(which){

if (document.all.glowtext.filters[0].strength==2)

document.all.glowtext.filters[0].strength=1

else

document.all.glowtext.filters[0].strength=2

}

function startglowing(){

if (document.all.glowtext&&glowtext.length){

for (i=0;i<glowtext.length;i++)

eval('setInterval("glowit('+i+')",150)')

}

else if (glowtext)

setInterval("glowit2(0)",150)

}

if (document.all)

window.onload=startglowing

</script>

<span id="glowtext"><font color="F5D20A" " face="宋体" size="3">动感的主题文字</font></span>

  如何设置(在背景中滚动图片)请按以下步骤做

 1,在<body>属性中插入下面代码(注意:更改图片文件名称***.gif)

  <BODY background="***.gif">

 2,在<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>

 如何设置(在页面中控制音乐)请按以下步骤做

 在<body>中插入下面代码(注意:更改声音文件名称***.mid)

 <embed height=25 src=***.mid type=audio/x-pn-realaudio-plugin width=200 autostart="false" controls="PlayButton"></embed>

 

以上这些代码都是用“JavaScript”做的网页特效,还有更多更全面的特效,本站提供了下载 [网页制作特效]

你也可以直接在线编辑,本站提供了在线编辑功能 [在线编写器]

加入图片代码:

一、单纯的一张图片

<P align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>

二、加框有一层FLASH的图片

<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD>

<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>

三、加框用两层FLASH的图片

<P align=center>

<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD>

<P align=center><EMBED align=right src=http://www.cn898.net/bg/400.swf width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>

四、两个FLASH上下排列的图片:

<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD>

<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR>

 

如何在日志中播放电影

<DIV align=center>

<IMG height=240 width=320 border=1 loop=1 dynsrc="你找到的连接地址">

</DIV>

其中:

align=center 是让电影文件在日志中间播放,也可以选择 left 或 right;

width=320 是电影的宽度;

height=240 是电影的高度,一般来说绝大多数电影的宽:高=4:3;

board=1 是给电影加上了一个边框,这个数值越大,边框越粗,board=0 则没有边框;

loop=1 表示电影播放一遍后停止,可以选择其他数字,改变播放次数,如果写入 loop=infinite 则电影会无限循环播放。

<img src="Link/Url of image" alt="Text for unloaded image" title="Tooltip text" />

这个语句适用于在日至终添加图片 

  • 黄色部分是图片的网络地址
  • 蓝色部分是如果图片不能显示的时候,小红叉下面显示的文字,比如改成"图片无法显示"
  • 红色部分就是把鼠标放到图片上所显示出来的气泡提示

各种滚动条演示与代码: 代码在框内

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #ACD373; scrollbar-shadow-color: #ACD373; scrollbar-arrow-color: #ACD373; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">

这里输入内容

</div>

 

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0">

这里输入内容

</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #101010; scrollbar-darkshadow-color: #070707; scrollbar-track-color: #101010; scrollbar-arrow-color: #000000">

这里输入内容

</div>                                          

 

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#ffffff">

这里输入内容

</div>

透明滚动条的设置:如下滚动条框架

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="300" id="AutoNumber5" height="200" background="http://v6.jhcm.com/textbook/matter/bg2/121.gif">

<tr>

<td width="100%">

<div style="WIDTH: 298; HEIGHT: 198; BACKGROUND-COLOR: transparent; OVERFLOW: auto; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2F2F2; scrollbar-shadow-color: #999CC; scrollbar-darkshadow-color: #F2F2F2; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #9999CC">

这里输入内容

</div>

</td>

</tr>

</table>

 

使用背景图片:使用不滚动的背景图片也很简单.利用设置了背景图片的<table>,

在<table>内使用滚动条框架就可以了。

单日志滚动条:

添加如下代码到日志的<HTML>编辑环境就可以

<div style="height:280px;overflow:auto;">

280为滚动条的高度,可以自由调整。整体效果大家可以在比较长的几篇日志中体会...这篇日将不使用任何整体滚动。

 

 MSN日志的时钟显示:

如果在自己的MSN空间加上一个时钟,是不是又会添加不少亮点呢?先在就告诉大家如何添加时钟..

首先无论在什么地方,日志也好,Custom HTML里面也好,总之要输入HTML代码,代码如下:

<A href="http://www.escati.com/"><IMG src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=XXXXXX&amp;srgb=00ff00&amp;prgb=XXXXXX&amp;timezone=GMT+0000" border=0></A>

值得注意的是,代码中的红色X是代表时钟背景颜色,兰色X是代表时钟颜色,绿色部分的就是你所在的时区了!

 

*顺便给出一个在线颜色代码生成器,方便大家选颜色

http://www.colorschemer.com/online.html

 

时钟制作代码: <EMBED style="WIDTH: 191px; HEIGHT: 182px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.souxp.com/fzjzykj/previews/clocks/clock36.swf width=191 height=182 type=application/x-shockwave-flash allowscriptaccess="never" allownetworking="internal">   可以把时钟swf地址换成你喜欢的。  

 MSN日志的伸缩条:

经下端代码添加到你的日志中就可以了,记住一定要在HTML编辑框中进行,将下面代码输入就可以了

<pre></table></table><table><tr><td>

<div style="overflow:auto;height:300px">

<div><table></pre>

其中的300是伸缩条的范围,大家可以自由定义

 

为日志所在范围添加背景图片:

将下面代码输入在日志的HTML编辑环境下

<pre></table></table><table background="URL OF BACKGROUND IMAGE" height="xxx" width="xxx"><tr><td><div><table style="display:none"></pre>

 

URL OF BACKGROUND IMAGE是背景图片的网络地址,大家可以自由选择,XXX是图片的长和宽,同样可以自由定义,北京图片同样将覆盖他所在的代码以下的所有日志背景 。

1、简单的文字连接

链接 <a href="http://链接的网络地址">想写的文字</a>

新窗口打开链接<a href="http://链接的网络地址" target="_blank">想写的文字</a>

消除链接的下划线 <a href="http://链接的网络地址" style="text-decoration: none">想写的文字</a>

2、图片连接

<a href="连接地址"><img src=图片地址></a>

3、移动文字或图片

<marquee><img src="图片的地址"></marquee>

<marquee direction=right>从左向右移!</marquee>

<marquee direction=left>从右向左移!</marquee>

4、如何贴flash

首先要找出想要贴的flash动画的地址。如果是你自己的主页那当然就不用说了。如果是别人的主页,可以先打开播放flash动画的相应web页,然后查看源文件,找出相应的*.swf(flash)文件。 用下列格式贴:

<embed src="http://Flash地址" width=400 height=300></embed>

5、如何贴歌

贴MP3播放器

<EMBED src="mp3地址" width=310 height=35 type=audio/x-pn-realaudio-plugin controls="ControlPanel,StatusBar" autostart="true" loop="true">

支持rm或mid格式(随机播放)

<EMBED src="http://.rm\mid" width=150 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">

隐藏mp3播放器:

<embed width="0" height="0" src="MP3地址" type="application/x-shockwave-flash"></embed>

6、如何贴视频

<embed src="视频地址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="450" autostart="true">

音频用[VIDEO][/VIDEO]

视频用[RM][/RM]应该就可以了

网页制作 经典代码:

1. 将彻底屏蔽鼠标右键,无右键菜单

<body oncontextmenu="window.event.returnvalue=false">

也可以用于网页中Table框架中

<table border oncontextmenu=return(false)><td>no</table>

2.取消选取、防止复制

<body onselectstart="return false">

3.不准粘贴

<body onpaste="return false">

4.防止复制

<body oncopy="return false;" oncut="return false;">

5.IE地址栏前换成自己的图标

<link rel="Shortcut Icon" href="favicon.ico">

说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。

6.可以在收藏夹中显示出你的图标

<link rel="Bookmark" href="favicon.ico">

说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

7.关闭输入法

<input style="ime-mode:disabled">

说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

<script language="javascript"><!--

 if (window == top)top.location.href = "frames.htm";// --></script>

说明:frames.htm为你的网页,这也是保护页面的一种方法

9.防止被人frame

<SCRIPT LANGUAGE=javascript><!--

 if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10.网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript>

说明:<noscirpt>的用法很广,其中一条就是可以使JS广告失效。

11.查源文件

<input type=button value=查看网页源代码

onclick="window.location = 'view-source:'+ http://myok.bokee.com';"> 

12.COOKIE脚本记录,有很大的用处

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie="popped=yes"

}

}

说明:以上是JS代码,请自己加起始符和结束符 

13.内框架<IFRAME>使用

Iframe标记的使用格式是:  

<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"

name="main"></iframe>

src:文件的路径,既可是HTML文件,也可以是文本、ASP等;   width、height:"内部框架"区域的宽与高;  

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;  FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。

name:框架的名字,用来进行识别。

比如:  当你想用父框架控制内部框架时,可以使用: target="框架的名字"来控制。

例子:<iframe name="mm" src="http://myok.bokee.com";; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> 

14.自动跳转

在源代码中的<head>…</head>加入如下代码:

<meta http-equiv="refresh"content="3;URL=http://myok.bokee.com; charset=gb2312">

说明:content="3 表示3秒刷新到URL

15.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了

或者跟上面的用CSS写也行

style="cursor:hand"       style="cursor:crosshair"

style="cursor:text"       style="cursor:wait"

style="cursor:move"       style="cursor:help"

style="cursor:e-resize"     style="cursor:n-resize"

style="cursor:nw-resize"     style="cursor:w-resize"

style="cursor:s-resize"     style="cursor:se-resize"

style="cursor:sw-resize"

以上代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。 

16.全屏显示

<form>

<div align="center">

<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">

</div>

</form>

把它放到<body>区中。

17.设为首页

<script language="javascript">

<!--

function defaul_home(){

this.home.style.behavior='url(#default#homepage)';this.home.setHomePage(http://myok.bokee.com/';);

}

var focusok=false;

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

focusok=true;

}

vers=navigator.appVersion;

if (navigator.appName == "Microsoft Internet Explorer"){

pos=vers.lastIndexOf('.');

vers=vers.substring(pos-1,vers.length);

}

proper_version=parseFloat(vers);

if(proper_version>=5){

focusok=true;

}

function launchstock1(htmlurl){

var stock=window.open(htmlurl,"stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,

resizable=no,width=700,height=510");

if(focusok){

stock.focus();

}

return true;

}

function launchstock(){

var stock=window.open("","stock","top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,

resizable=no,width=700,height=510");

if(focusok){

stock.focus();

}

return true;

}

// -->

</script>

<a href="#" name="home" onClick="defaul_home();" title="==E代时光==">设为首页</a>

18.这里是加入收藏夹的代码

<a href="#" onClick="window.external.addFavorite(http://myok.bokee.com';.'-=E代时光=-')" target="_self" title="-=E代时光=-">加入收藏夹</a> 

19.flash图片效果

以下代码加入<head>区域

<SCRIPT language="javascript">

<!--

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}

//-->

</SCRIPT>

以下代码加入<body>区域

<img src="http://myok.bokee.com/images/logo.gif";; style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="63" height="56"> //图片地址请自己改

20.背景图片滚动

<body scroll="no" background="images/bg.jpg" link="#00FF00" alink="#FF0000" vlink="#00FF00" bgcolor="#000080" topmargin="8">

<script language="javascript">

var backgroundOffset = 0;

var bgObject = eval('document.body');

function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;

if (backgroundOffset > maxSize) backgroundOffset = 0;

bgObject.style.backgroundPosition = "0 " + backgroundOffset;}

var ScrollTimer = window.setInterval("scrollBG(410)", 20)

</script>

21.滚动特效

<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" id="MARQUEE1">

欢迎光临山水天下

我们地址http://myok.blogchina.com

</marquee>

 

22.让背景图不滚动

IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:

〈Body Background="图片文件" bgproperties="fixed"〉

23.让你的网页无法另存为

<noscript><iframe src=*></iframe></noscript>

24.让IFRAME框架内的文档的背景透明

<iframe src="about :<body style='background:transparent'>" allowtransparency></iframe>

25.禁止右键:

<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()">

26.进入页面后立即自动刷新?

<meta http-equiv="refresh" content="120;url=http://myok.blogchina.com">

http://myok.blogchina.com,这是你自己的网址。

27.隐藏IFRAME的滚动条三种方法:

1. 设置iframe scrolling="no"

2. 被包含页body应用overflow:hidden

3. 被包含页的body标签加scroll="no"

28.加入背景音乐

<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE

<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

29.滚动

<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

30.细线分隔线

<hr noshade size=0 color=#C0C0C0>

31.过度方式

<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

32.如何控制横向和纵向滚动条的显隐?

<body style="overflow-y:hidden"> 去掉x轴

<body style="overflow-x:hidden"> 去掉y轴

<body scroll="no">不显

33.加入注释的格式是:  

〈!-[注释内容…]--〉

34.怎样在网页中加入 E-mail 链接并显示预定的主题?

〈A href="mailto:e3i5@e3i5.net?subject=主题"〉……〈/a〉

35.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  

〈meta name="Keywords" content="山水天下"〉

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

〈meta name="Keywords" content="山水天下"〉

36.添加到收藏夹:

〈a href="java script:window.external.addFavorite(http://myok.blogchina.com','http://myok.blogchina.com');"〉添加到收藏夹〈/a〉

37.设为首页:

〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage(http://myok.blogchina.com);〉设为首页〈/a〉

38.定制浏览器地址栏前的小图标:

A:在网页的〈head〉〈/head〉间加入以下语句:

〈link rel="shortcuticon" href="http://…/icon.ico"〉

即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

39.表格的分隔线可以隐藏

<table border rules=cols cellspacing=0 align=left> 可以隐藏横向的分隔线

<table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线

<table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线

40.表格的边框不断在闪

以下方法可以令表格的边框不断在闪,很实用的

在BODY区加上

<table border="0" width="280" id="myexample"

style="border:5px solid yellow">

<tr>

<td>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.

<br>加入任意的物件.加入任意的物件.</td>

</tr>

</table>

<script language="JavaScript1.2">

<!--

function flashit(){

if (!document.all)

return

if (myexample.style.borderColor=="yellow")

myexample.style.borderColor="lime"

else

myexample.style.borderColor="yellow"

}

setInterval("flashit()", 500)

//-->

</script>

41.普通表格

<table border="1" width="220" style="position: absolute; left:

11; top: 11" height="26" >

<tr>

<td width="100%">普通表格</td>

</tr>

</table>

42.正立方表格

<table border="1" width="220" bordercolorlight="#eeeeee"

bordercolordark="#000000" style="position: absolute; left: 10; top:

49" height="26">

<tr>

<td width="100%">正立方表格</td>

</tr>

</table>

43.细表格

<table border="0" frame=vsides width="219"

bgcolor="#000000" cellspacing="1" cellpadding="0"

height="22" style="position: absolute; left: 11; top: 86">

<tr bgcolor="#FFFFFF">

<td width="100%" height="2">细表格</td>

</tr>

</table>

44.立体表格

<table border="1" width="220" bordercolorlight="#ffffff"

bordercolordark="#ffffff" style="position: absolute; left: 10; top:

112" height="34">

<tr>

<td width="100%" bgcolor="#B7B7B7"

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格</td>

</tr>

</table>

45.无名表格

<table width="220" align="center" style="position: absolute;

left: 246; top: 12" height="51">

<tr>

<td><fieldset style="width:220" align="center">

<legend> 无名表格 </legend>  <p align="right"> </fieldset>

<br>

</td>

</tr>

</table>

46.表中表效果Ⅱ

<table width="220" align="center" style="position:

absolute; left: 245; top: 89" height="110">

<tr>

<td height="75"><fieldset style="width:220"

align="center"> <legend> 表中表效果Ⅱ </legend> <table

frame="hsides" border="1"

bordercolorlight="#000000" bordercolordark="#ffffff"

width="100%" cellspacing="1" cellpadding="0" height="78">

<tr bgcolor="#ffffff">

<td width="100%" height="76"></fieldset></td>

</tr>

</table>

47.表中表效果Ⅰ

<table width="220" align="center" style="position: absolute;

left: 10; top: 120" height="138" cellspacing="1"

cellpadding="0">

<tr>

<td height="126"><fieldset style="width: 220; color: #B7B7B7;

border-style: groove" align="center"> <legend style="color:

#FFFFFF; border: 1 solid #808080" > <font color="#000000">表中表效果Ⅰ</font>

</legend>  <p align="right"> </fieldset>

</td>

</tr>

</table>

48.表格中边框的显示

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示左、右边框 <table frame=vsides>

只显示上、下边框 <table frame=hsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

</body>

</html>

49,浏览器上的动态语言

在你的主页编辑下用HTML方式,放入一下代码即可。语言说明可按自己的爱好编辑。

<A href="http://www.23335.com/0.gif" target=_blank></A></SPAN></FONT></B></FONT></SPAN><IMG height=18 src="http://www.23335.com/0.gif" width=30 align=absMiddle border=0></SCRIPT>

<SCRIPT language=JavaScript>

var msg = "欢迎光临!再欢迎光临!!还欢迎光临!!......请 您 慢 走 ...... " ;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq >= len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

</SCRIPT>

 &nbsp;

如何添加外观模块

1 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox 回车运行

(例如我的空间地址为http://spaces.msn.com/members/msnpro,则应当输入http://spaces.msn.com/members/msnpro/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=sandbox)

2 “自定义”-->“模块”-->“Power toy:Custom HTML 添加” 并保存

(以上是可编辑html模块的添加)

3 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=musicvideo 回车运行

4 “自定义”-->“模块”-->“Power toy:Windows Media Player 添加” 并保存

(以上是媒体播放模块的添加)

5 在地址栏中输入 http://spaces.msn.com/members/你的空间名/PersonalSpace.aspx?_c02_owner=1&_c=&powertoy=tweakomatic 回车运行

6 “自定义”-->“模块”-->“Power toy:Tweak UI 添加” 并保存

(以上是自定义页面外观模块的添加)

 

   详细信息

1 可编辑的html模块

【HTML编码区】在日志中编辑好,进入HTML模式将代码复制过来即可。

【模块名称】只有在选中“是否显示边框”时才会生效。

【是否显示边框】选中可以显示模块边框。

2 媒体播放器插件

如图,音乐或视频地址的查找可以参考《百度的音乐搜索地址可以直接用了》以及《Never Again》。

【开始时间】 单位为秒,常用于跳过视频开头的无关信息或音乐开头的空白等

【播放次数】

【播放速度】默认为1,即原速。需要加快或减慢,填写相应的倍数即可

【是否自动播放】选中后,音乐将会自动播放

【显示模式】

Invisible 隐藏整个模块

None 不显示插件

Mini 微型模式

Full 完全模式

3 自定义页面外观

Background Colors

【Inner】背景颜色(内部)

             即800*600分辨率下的背景颜色

【Outer】背景颜色(外部)  

             即1024*768分辨率下右部的背景颜色

背景图片优先于背景颜色,当两者同时存在时将显示背景图片

多种回到顶部的方法

1. <a name="top"></a>

2. <a href="#top">回顶部</a>

   <a href="#">回顶部</a>   

   让这个页面在新窗口中的打开同时关闭原窗口,拉动滚动条到最上 :D

3. <a href=#>top</a>

4. onclick=scrollTo(0,0)

5. [quote] onclick=scrollTo(0,0) [/quote]

6. <p onclick=setInterval("document.body.doScroll('ScrollbarPageUp')",20)>top</p>

7. [quote] <p onclick=setInterval("document.body.doScroll('ScrollbarPageUp')",20)>top</p> [/quote]

   这样写的话,点过以后就不要想再把滚动条往下拉了.

例: <A href="http://hsy0826.spaces.live.com/#"><STRONG><FONT face=Verdana color=#ffffff size=2>回到顶部</FONT></STRONG></A>    这方法在msn个人空间也可以用,把地址换成你的空间地址即可。

 

  评论这张
 
阅读(69)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017