音乐下载- -| 回首页 | 2005年索引 | - -字体代码

常用代码

                                      

常用代码

                                      

<iframe src="你要嵌入的网址" width="600" height=800 marginwidth="0" marginheight="0"
hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> 

LOGO(图片)的连接代码

第一种:<A href="插入要连接的地址" target=_blank title="随便写点什么比如:欢迎光临"><IMG border=0 src="插入图片地址"></A>

第二种:<A href="你的主页地址" target=_blank><IMG alt=你的主页名称 src="你的LOGO图片地址" border=0></A>

第三种:<A href="主页地址" target=_blank><IMG height=31 src="Logo地址" width=88 border=0></A>

第四钟:(这种方法是不用代码的)在可视化编辑下,插入图片,然后单击图片,接着点编辑上面的超链接图标,会弹出对话框,然后填写链接地址就可以,还可以根据需要在对话框里填写提出文字,选择是原窗口打开还是新窗口打开!
 FLASH背景代码                                                        
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px; absolute: " align=right src=你的背景图片地址 width=1000 height=606 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;></EMBED></TD>
 

背景图片代码

方法一:
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二:
<body background=你的背景图片地址 >

方法三:
<STYLE type=text/css><!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--> </STYLE>

方法四:

背景图是在HTML模式下把以下代码加到已有代码最前面:
<body background="图片地址">
注:图片地址必须是网络上已有的图片,不是本地机的,如果要链接本地机的,必先在相册或者其他文章上传之后才可以调用。


方法五:
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>

滚动公告栏代码

<table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0">
<tr>
<td>
<SCRIPT language=javascript>

document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:www.helpor.net>")

document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>哈 啰</font></h2>")
document.write ("<p align='right'><a href='#' target='_blank'><font color='#ffffff'>阿杜</font></a> ")
document.write ("<p><font color='#ffffff' >")
document.write ("<br>我等着见你一面等过这些年")
document.write ("<br>我想要从从容容说着好久不见")
document.write ("<br>我一厢情愿认定你都不会变")
document.write ("<br>那一年那个春天 ")
document.write ("<br>我想要说的全都写在眼里面")
document.write ("<br>我也曾想过一切可能沧海桑田")
document.write ("<br>风影缠绵穿过长发谁的思念")
document.write ("<br>牵挂的你走的那么远")
document.write ("<br>哈罗就红了双眼")
document.write ("<br>哈罗又过了一年")
document.write ("<br>哈罗在天黑以前想的万语千言")
document.write ("<br>哈罗却停在你的脸")
document.write ("<br>哈罗何必再相见")
document.write ("<br>哈罗回不到从前")
document.write ("<br>哈罗我瞒不了心痛的那么明显")
document.write ("<br>哈罗难道这就是再见")
document.write ("</font>")
document.write ("</marquee> ")
</SCRIPT>
</td>
</tr>
</table>

31种鼠标特效

01 绿色<BODY style='cursor:url(http://images.jojoo.net/gif/mouse.cur)'>
02 花树枝 <BODY style='cursor:url(http://yuhou.net/work/images/xw_answer/liujg_xw_answer_nor.cur)'>
03 小点跟随<BODY style='cursor:url(http://yuhou.net/images/liujg_m030719.ani)'>
04 粉红玫瑰<BODY style='cursor:url(http://yuhou.net/build/images/03.cur)'>
05 钥匙<BODY style='cursor:url(http://asp.7i24.com/yhsjxe/book1/images/c.cur)'>
06 小手<BODY style='cursor:url(http://asp.7i24.com/yhsjxe/book1/images/c2.cur)'>
07 短笔<BODY style='cursor:url(http://asp.7i24.com/yhsjxe/links/01.cur)'>
08 太阳花<BODY style='cursor:url(http://lssm.wx-e.com/images/lssm.ani)'>
09 小色杆<BODY style='cursor:url(http://home.vipcp.net/kukumm/diary1/images/kuru2r.ani)'>
10 绿色样式剪头<BODY style='cursor:url(http://lengku.net//index/mouse.ani)'>
11 银色样式剪头<BODY style='cursor:url(http://nms.voline.net/aspsky/skins/dream/mouse.ani)'>
12 小老鼠<BODY style='cursor:url(http://e.1asphost.com/xiayule/guest7/pic/1.ani)'>
13 有点像猫<BODY style='cursor:url(http://asp2.6to23.com/whslj/lyb/pic/cur.ani)'>
14 美女头像<BODY style='cursor:url(http://e.1asphost.com/xiayule/guest10/pic/cur.ani)'>
15 小红鼠<BODY style='cursor:url(http://e.1asphost.com/xiayule/guest11/pic/cur.ani)'>
16 小粉猪<BODY style='cursor:url(http://e.1asphost.com/xiayule/guest8/pic/cur.ani)'>
17 小美女加小煎头<BODY style='cursor:url(http://e.1asphost.com/xiayule/guest12/pic/cur.ani)'>
18 蝴蝶<BODY style='cursor:url(http://asp2.6to23.com/rlf/gb3/pic/cur.ani)'>
19 小钟点样式<BODY style='cursor:url(http://asp2.6to23.com/peg3/clover3/pic/cur.ani)'>
20 十字<BODY style='cursor:url(http://asp2.6to23.com/peg3/sky/pic/cross.ani)'>
21 样式剪头<BODY style='cursor:url(http://asp2.6to23.com/peg3/sky/pic/cur.ani)'>
22 银杆<BODY style='cursor:url(http://asp2.6to23.com/peg3/sd/pic/cur.cur)'>
23 带头粉红杆<BODY style='cursor:url(http://asp2.6to23.com/peg3/sakura/pic/cur.ani)'>
24 两十字<BODY style='cursor:url(http://www.bluenuo.com/gbbear/pic/cur.ani)'>
25 兔头<BODY style='cursor:url(http://50net.com/book/img2/1.ani)'>
26 螺旋<BODY style='cursor:url(http://50net.com/home/ani5.ani)'>
27 花<BODY style='cursor:url(http://50net.com/forest/1.ico)'>
28 花<BODY style='cursor:url(http://50net.com/forest/2.ico)'>
29 动态小鼠<BODY style='cursor:url(http://www.kulongnvhai.com/free/pic/cur.ani)'>
30 尾动灰色<BODY style='cursor:url(http://fhwep.lwang.net/Images/Wag3dg.ani)'>
31 三角<BODY style='cursor:url(http://fhwep.lwang.net/Images/Wag3dw.ani)'>
也可以用下面的代码:
动态鼠标的插入
在<head>与</head>之间插入:
<style type=text/css>
a:hover {cursor:url('**.cur')}
BODY {cursor:url('**.cur')}
</style>

说明:

1、( )号中的为你的图标的路径,后缀名还有**.ico的,和**.ani的.

2、第一个路径是接触链接时的指针。第二个路径是鼠标移动时的指针。

后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画
网页中嵌入论坛!

<IFRAME style="WIDTH: 自己设置px; HEIGHT: 自己设置px" name=myFrame marginWidth=0 src="论坛地址" frameBorder=0 width=100 height=500></IFRAME>

给页面加保护

<script language="JavaScript">
function helpor_net()
{
 if (event.button==2)alert(' 仅供浏览!谢谢!\n\n若有问题请与我联系! ')
}
</script>

破解不让使用鼠标右键的网站大法

如何破解不让使用鼠标右键的网站 现在有好多网站不能使用鼠标右键,当你点击右键时就弹出一个窗口说些莫名其妙的话。当你看到网页上有精美图片或者精彩文字想保存时,一按鼠标右键就弹出那个窗口,很是讨厌。 其实这只是利用JAVA语言实现的一个很简单的锁住鼠标右键的功能,同样也很简单就能使它失效,目前已知的有如下几种,破解如下:

第一种也是最简单的一种,在页面中点击右键就会弹出一个小窗口说一些莫名其妙的话:
1:在页面目标上按下鼠标右键,弹出窗口,这是不要松开右键。
2:将鼠标移到窗口的确定按钮上,同时按下左键。
3:现松开鼠标左键,这时窗口消失。
4:再将鼠标移到目标上松开鼠标右键,OK,你想要得功能全出来了。

第二种网站你一点鼠标右键就出现添加到收藏夹的窗口,用以上的方法不能破解,因为你用鼠标左键点取消的同时旧失去了右键的目标的焦点,不过要破也不难,如下方法:
1:在目标上电鼠标右键 ,出现添加到收藏夹的窗口,这时不要松开右键,移动鼠标到取消按钮上点击左键,窗口消失。
2:移动鼠标到你的目标上,这是鼠标是一个没有焦点的圆圈,没关系,再按下左键不要松开,此时鼠标的左右键全部按下了.现松开右键,好,功能出来了.将鼠标移动到你想要得功能上,松开左键.
3:okok,想怎么办就看你高兴了。

第三种事以上两种的结合,就是现出现胡说八道的窗口,然后在出现添加到收藏夹窗口,破解嘛就是用以上两种组合。

网页常用小技巧

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.51js.com/'">

12.删除时确认
<a href='javascript :if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"'>删

除</a>

13. 取得控件的绝对位置
//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. 光标是停在文本框文字的最后
<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. 判断上一页的来源
javascript :
document.referrer

16. 最小化、最大化、关闭窗口
<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">
<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=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于<div>


21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>
让横条没有:
<body style='overflow:scroll;overflow-x:hidden'>
</body>
两个都去掉?更简单了
<body scroll="no">
</body>

23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img

src=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto('http://"+autourl+"')>")}
run()</script>

37. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使

用哪种特效,取值为1-23:
  0 矩形缩小
  1 矩形扩大
  2 圆形缩小
  3 圆形扩大
  4 下到上刷新
  5 上到下刷新
  6 左到右刷新
  7 右到左刷新
  8 竖百叶窗
  9 横百叶窗
  10 错位横百叶窗
  11 错位竖百叶窗
  12 点扩散
  13 左右到中间刷新
  14 中间到左右刷新
  15 中间到上下
  16 上下到中间
  17 右下到左上
  18 右上到左下
  19 左上到右下
  20 左下到右上
  21 横条
  22 竖条
  23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow": 文件不被检索,但可查询页上的链接。

背景图片代码
方法一:
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二:
<body background=你的背景图片地址 >

方法三:
<STYLE type=text/css><!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--> </STYLE>

方法四:

背景图是在HTML模式下把以下代码加到已有代码最前面:
<body background="图片地址">
注:图片地址必须是网络上已有的图片,不是本地机的,如果要链接本地机的,必先在相册或者其他文章上传之后才可以调用。

 

方法五:
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(图片名称.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>

网页背景全攻略
网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景,还有它们的设计方法都是怎样的呢,现在就由我来为大家作一个比较完整的总结。

  1.颜色背景

  颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景,其HTML语法为:

  

  其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。

  颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。

  2.沙纹背景

  沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。

  初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。

  读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:

  

  其中的"picture"表示背景图片的URL路径。

  3.条状背景

  条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。

  以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过
  

  将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。

  4.照片背景

  把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网页文件的……之间加入下面的CSS语句:

  

  这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。

  5.复合背景

  如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!

  6.局部背景

  前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。
  最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。请看下面这个表格例子:

  
  在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
  除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个文字设置自己的背景,是不是有点相当不错,这也需要用上一些CSS。请先看一下下面的这个例子:
  不仅仅是页面的背景
  记得毛主席有这么一首诗:"坐地日行八万里,巡于遥看一千河。"伟人就是了不起,……几万里就出去了。
  在浏览器中的显示效果如图所示,现在是不是有点兴奋了,啊,原来文段也可以有自己的背景。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。

有关背景图片

方法一:文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

     也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二:
<body background=你的背景图片地址>
图片链接
<A href="你要链接的地址" target=_blank><IMG height=31 alt=你的文字介绍 src="你的图片(或logo地址)" width=88 border=0></A>

    高和宽在上边的height和width那里设置

各种播放器代码

一、嵌入Windows Media Player播放器

基本代码一:<embed src=音乐地址  height=40 width=280>

可播声音。此处的音乐地址所属的文件类型仅限于.mp3和.wma格式,即纯粹的声音文件,并且需要Windows Media Player播放器可以自动伺候。

基本代码二:<embed src=音乐地址  height=? width=450>

可播视频。此处的音乐类型包括.wmv和.asf等Windows Media Player播放器可以自动伺候的(音频)视频文件。

二、嵌入Real播放器(单纯播放音频)

基本代码一:<embed src=音乐地址 controls=controlpanel,statusbar height=80 width=280>

基本代码二: <embed src=音乐地址 type=audio/x-pn-realaudio-plugin height=80 width=280>

上面两段代码效果基本一样,其中“-plugin”可以不要,加上代码“autostart=1”可以实现自动播放。音乐文件类型主要包括.rm和.ram等格式。

三、嵌入Real播放器(除播放音频,还要播放视频)

代码: <embed src=音乐地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=imagewindow,controlpanel,statusbar height=308 width=380 autostart=false>

四、嵌入背景音乐
基本代码一:<bgsound src=音乐地址>

基本代码二:<embed src=音乐地址 width=0 height=0 border=0 autostart=true loop=true>


1.avi格式
代码片断如下:
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" <playcount="0"

moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>

2.mpg格式
代码片断如下:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>


3.smi格式
代码片断如下:
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
<embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow"
height="180" width="240" autostart="true"
</OBJECT>

4.rm格式
代码片断如下:
<OBJECT id=Player height=60 width=330 classid=clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA name=player>
<PARAM NAME="_ExtentX" VALUE="8731">
<PARAM NAME="_ExtentY" VALUE="1588">
<PARAM NAME="AUTOSTART" VALUE="-1">
<PARAM NAME="SHUFFLE" VALUE="0">
<PARAM NAME="PREFETCH" VALUE="0">
<PARAM NAME="NOLABELS" VALUE="0">
<PARAM NAME="SRC" VALUE="rm歌曲地址">
<PARAM NAME="CONTROLS" VALUE="StatusBar,ControlPanel">
<PARAM NAME="LOOP" VALUE="0">
<PARAM NAME="NUMLOOP" VALUE="0">
<PARAM NAME="CENTER" VALUE="0">
<PARAM NAME="MAINTAINASPECT" VALUE="0">
<PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000">
<embed src='rm歌曲地址' width='300'
<autostart='true' height='60'>
</embed></OBJECT>

5.wmv格式
代码片断如下:
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http:

//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=

6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"
align="right" hspace="5">
<!-- ASX File Name -->
<param name="AutoRewind" value=1>
<param name="FileName" value="******.wmv">
<!-- Display Controls -->
<param name="ShowControls" value="1">
<!-- Display Position Controls -->
<param name="ShowPositionControls" value="0">
<!-- Display Audio Controls -->
<param name="ShowAudioControls" value="1">
<!-- Display Tracker Controls -->
<param name="ShowTracker" value="0">
<!-- Show Display -->
<param name="ShowDisplay" value="0">
<!-- Display Status Bar -->
<param name="ShowStatusBar" value="0">
<!-- Diplay Go To Bar -->
<param name="ShowGotoBar" value="0">
<!-- Display Controls -->
<param name="ShowCaptioning" value="0">
<!-- Player Autostart -->
<param name="AutoStart" value=1>
<!-- Animation at Start -->
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!-- Transparent at Start -->
<param name="TransparentAtStart" value="0">
<!-- Do not allow a change in display size -->
<param name="AllowChangeDisplaySize" value="0">
<!-- Do not allow scanning -->
<param name="AllowScan" value="0">
<!-- Do not show contect menu on right mouse click -->
<param name="EnableContextMenu" value="0">
<!-- Do not allow playback toggling on mouse click -->
<param name="ClickToPlay" value="0">
</object>

6.wma格式
放在 <body> 里面。
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" >
<param name="Filename" value="1.Wma">< !--你文件的位置-->
<param name="PlayCount" value="1">
<!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。-->
<param name="AutoStart" value="0">
<!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。-->
<param name="ClickToPlay" value="1">
<!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。-->
<param name="DisplaySize" value="0">
<!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。-->
<param name="EnableFullScreen Controls" value="1">
<!--控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。-->
<param name="ShowAudio Controls" value="1">
<param name="EnableContext Menu" value="1">
<!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。-->
<param name="ShowDisplay" value="1">
<!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息-->
</object >

背景音乐代码
加入一段在线音乐播放代码,推荐使用:<IFRAME marginHeight=0 src="
http://www.yqchina.com/play.htm"; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供

<bgsound src=”url” loop=-1>

“url”依然是路径名,loop表示循环数,-1表示始终循环

SRC:音乐文件路径
(以下可选) AUTOSTART:音乐文件上传完后自动播放,TRUE为播放,FALSE为否
LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数
WIDTH,HEIGHT为播放控制面板的宽和高,
其余的属性有:
volume:取值范围为"0-100",设置音量,默认为系统本身的音量
starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10秒开始播放
endtime: "分:秒",设置歌曲结束播放的时间
controls :控制面板的外观controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever" ·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮
hidden: 为true时可以隐藏面板


1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false"
即可...

------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了

2、<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >

-----------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"

---------controls="ControlPanel"这个控制选项可省略

--------width="0" height="0"表示隐藏播放,和前面的一样。
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100"

--------------------------------------------------
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了--->

<embed src="背景音乐网址" >
-----------------------------------------------------

另外:bgsound src="背景音乐路径" loop="-1">

这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src="背景音乐路径" loop="-1">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。
而,<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >常用于mid,,wav,mp3类型的音乐类型.


这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~

支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.
不支持rm,ram....

视频文件的插入方法也和上面所说的一样,设置好合适的

音乐代码解释
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="
http://guest.anyp.cn/uploads/01.mid">
解释一下:

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后,就自动播放音乐。 TRUE 是要 
FALSE 是不要,内定值是不要。


LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE" 


WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度 

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE 

  CONSOLE 一般正常的面板
  SMALLCONSOLE 较小的面板
  PLAYBUTTON 只显示播放按钮
  PAUSEBUTTON 只显示暂停按钮
  STOPBUTTON 只显示停止按钮
  VOLUMELEVER 只显示音量调整钮

背景音乐
1. 如何贴rm,ra,ram类型的音乐,代码如下:
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="
http://guest.anyp.cn/uploads/01.rm">

  2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="
http://guest.anyp.cn/uploads/01.mid">

【作者: 田船人】【访问统计:】【2005年12月12日 星期一 16:17】【 加入博采】【打印

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=3856943

博客手拉手

QQ常用代码 暖阁
QQ常用代码 暖阁
QQ常用代码 暖阁
常用特效代码以及META标签的作用 shirley
ASP.NET常用代码 续1 zxj911

回复

评论内容: