网页设计代码集锦之一

December 26th, 2007

1,<div><span>&<layer>的区别？

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

2,ENTER键可以让光标移到下一个输入框
<inputonkeydown=”if(event.keyCode==13)event.keyCode=9″>

3,<linkrel=”ShortcutIcon”href=”favicon.ico”>IE地址栏前换成自己的图标

4,iFrame别人的网页
<iframesrc=”完整网址”width=数值height=数值frameborder=0/1/no/yesscrolling=auto/yes/no></iframe>

5,QQ留言代码
<atarget=blankhref=http://wpa.qq.com/msgrd?V=1&Uin=527695&Site=嘻缘网安技术小组&Menu=yes><imgborder=”0″SRC=http://wpa.qq.com/pa?p=1:527695:13alt=”"></a>

6,TEXTAREA自适应文字行数的多少

<textarearows=1name=s1cols=27onpropertychange=”this.style.posHeight=this.scrollHeight”>
</textarea>

7,如何为网页设置背景音乐？

代码：<EMBEDsrc=”music.mid”autostart=”true”loop=”2″width=”80″height=”30″>
src：音乐文件的路径及文件名；
autostart：true为音乐文件上传完后自动开始播放，默认为false（否）
loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
volume：取值范围为”0-100″，设置音量，默认为系统本身的音量
starttime：”分：秒”，设置歌曲开始播放的时间，如，starttime=”00:10″，从第10开始播放
endtime：”分：秒”，设置歌曲结束播放的时间
width：控制面板的宽
height：控制面板的高
controls：控制面板的外观
controls=”console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”
·console：正常大小的面板
·smallconsole：较小的面板
·playbutton：显示播放按钮
·pausebutton：显示暂停按钮
·stopbutton：显示停止按钮
·volumelever：显示音量调节按钮
hidden：为true时可以隐藏面板

8,不要滚动条?

让竖条没有:
<bodystyle=＇overflow:scroll;overflow-y:hidden＇>
</body>
让横条没有:
<bodystyle=＇overflow:scroll;overflow-x:hidden＇>
</body>
两个都去掉？更简单了
<bodyscroll=”no”>
</body>

9,onpaste=”returnfalse”不准粘贴

10,<inputtype=buttonvalue=查看网页源代码
onclick=”window.location =＇view-source:＇+＇

11,彻底屏蔽鼠标右键
oncontextmenu=”window.event.returnValue=false”将彻底屏蔽鼠标右键
<tableborderoncontextmenu=return(false)><td>no</table>可用于Table

12,弹启一个全屏窗口

window.open(＇

13,电子邮件处理提交表单

<formname=”form1″method=”post”action=”mailt****@***.com”enctype=”text/plain”>
<inputtype=submit>
</form>

14,定时关闭窗口（单位是毫秒，1秒是1000毫秒）
<scriptLANGUAGE=”javascript”>
<!–setTimeout(＇window.close();＇,5000);–>
</script>

15,定义本网页关键字，
可以在〈Head〉〈/Head〉中加入如下代码：　
〈metaname=”Keywords”content=”china,enterprise,business,net”〉　　
Content中所包含的就是关键字,你可以自行设置。　　
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
〈metaname=”Keywords”content=”china,china,china,china”〉

16,让GOOGLE为我所用

对于动态网页搜索，我们可以利用GOOGLE搜索引擎的定向搜索功能来实现动态网站的站点搜索，只要将下列代码填入你的网站中即可：

<formname=”znss”action=”<inputtype=”hidden”name=”cof”value=”t:blank;vlc:#551a8b;”>
<inputtype=”hidden”value=”www.wancorp.net”name=”domains”>
<inputtype=”hidden”value=”zh-cn”name=”hl”>
<inputtype=”hidden”checkedvalue=”www.wancorp.net”name=”sitesearch”>
<palign=”center”>
<inputmaxlength=”2048″size=”32″name=”q”>
<fontsize=”-1″>
<inputtype=”submit”value=”站内搜索”name=”znss”>
</font>
</form>

17,防止被人frame

<SCRIPTLANGUAGE=javascript><!–
if(top.location !=self.location)top.location=self.location;
//–></SCRIPT>

18,防止复制
oncopy=”returnfalse;”oncut=”returnfalse;”

19,各种媒体在线播放代码

1，mid

Code:[Copytoclipboard]
<embedsrc=”<:FILENAME:>”type=”audio/midi”hidden=”false”autostart=”true”loop=”true”height=”20″width=”200″></embed>

2，mp3

Code:[Copytoclipboard]
<embedcontroller=”true”width=”200″height=”20″src=”<:FILENAME:>”border=”0″pluginspage=”

3，avi

Code:[Copytoclipboard]
<embedsrc=”<:FILENAME:>”border=”0″width=”<:WIDTH:>”height=”<:HEIGHT:>”type=”application/x-mplayer2″></embed>

4，flash

Code:[Copytoclipboard]
<embedsrc=”<:FILENAME:>”pluginspage=”

5，mpg

Code:[Copytoclipboard]
<embedsrc=”<:FILENAME:>”border=”0″width=”<:WIDTH:>”height=”<:HEIGHT:>”type=”application/x-mplayer2″></embed>

6，mov

Code:[Copytoclipboard]
<embedcontroller=”true”width=”<:WIDTH:>”height=”<:HEIGHT:>”src=”<:FILENAME:>”border=”0″pluginspage=”

7，rm

Code:[Copytoclipboard]
<OBJECT>”height=”<:HEIGHT:>”>
<PARAMNAME=”CONTROLS”VALUE=”ImageWindow”>
<PARAMNAME=”AUTOSTART”Value=”true”>
<PARAMNAME=”SRC”VALUE=”<:FILENAME:>”>
<embedheight=”<:HEIGHT:>”width=”<:WIDTH:>”controls=”ImageWindow”src=”<:FILENAME:>?embed”type=”audio/x-pn-realaudio-plugin”autostart=”true”nolabels=”0″autogotourl=”-1″></OBJECT>

8，anthware

Code:[Copytoclipboard]
<objectclassid=”CLSID:15B782AF-55D8-11D1-B477-006097098764″codebase=”<paramname=”SRC”value=”sdfs.aam”>
<paramname=”PALETTE”value=”background”>
<paramname=”WINDOW”value=”inPlace”>
<paramname=”BGCOLOR”value=”#FFFFFF”>
<embedsrc=”sdfs.aam”palette=”background”window=”inPlace”bgcolor=”#FFFFFF”pluginspage=”

20,各种样式的光标

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

21,关闭窗口

<ahref=”javascript:window.close()”>关闭窗口</a>

22,关闭窗口的链接代码：
<ahref=/onclick=javascript:window.close();returnfalse;>关闭窗口</a>

23,<inputstyle=”ime-mode:disabled”>关闭输入法

24,光标是停在文本框文字的最后

<scriptlanguage=”javascript”>
functioncc()
{
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart(＇character＇,e.value.length);
r.collapse(true);
r.select();
}
</script>
<inputtype=textname=text1value=”123″onfocus=”cc()”>

25,滚动
<MARQUEEdirection=upheight=146onmouseout=start()onmouseover=stop()scrollAmou
nt=4></marquee>

26,获得一个窗口的大小

document.body.clientWidth;document.body.clientHeight

27,在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
body
{background-image:url(LOGO.gif);background-repeat:no-repeat;

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

28,加入收藏夹

<spanstyle=”CURSOR:hand”onClick=”window.external.addFavorite(＇＇

29如何自动加入最后修改日期？

在源代码中的<BODY>…</BODY>之间加入如下代码：
<ScriptLanguage=”JavaScript”><!–
document.write(”LastUpdated:”+document.lastModified);
–></Script>

随机文章

添加评论

可用标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

引用:http://www.ccouo.com/html/507.html/trackback | 订阅

搜索

存档

版权信息

网站技术新知探索

闲人网事