|
|
 |
网页代码常用小技巧100例 |
热 ★★★ |
|
网页代码常用小技巧100例 |
|
作者：闵涛 文章来源：闵涛的学习笔记 点击数：3818 更新时间：2007/10/28 12:36:48  |
|
|
nmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" 〉
23,双击鼠标左键来滚动背景，单击停止。
〈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)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
〈/SCRIPT〉
24,如何在同一页面设置不同文字链接效果的样式.
代码如下：
〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉
〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉
〈style type="text/css"〉
〈!--
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
a:link { font-size: 9pt; color: #006699; text-decoration: underline}
a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
--〉
〈/style〉
〈/head〉
〈body bgcolor="#FFFFFF" text="#000000"〉
〈a href="#"〉下划线链接 〈/a〉
〈p〉〈/p〉
〈a href="#" class="r1"〉双下划线链接〈/a〉
〈/BODY〉
〈/HTML〉
补充说明：
a:hover 表示鼠标划过时的样式.
a:link 表示链接的样式.
a:active 表示当前活动连接的样式.
a:visited 表示已经访问过的连接的样式.
25, 用CSS给文字加入阴影效果和文字描边效果。
.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}
//文字描边效果
.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"}
//加入阴影效果
补充说明：
这两种滤镜要想实现效果，必须加在如：〈td class=glow或shadow 〉〈div〉xxxxxxxxx〈/div〉〈/td〉上
，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。
26,如何给做带颜色的下拉菜单。
〈select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 〉
〈option selected〉:: Dreamweaver4 ::〈/option〉
〈option〉::Flash5::〈/option〉
〈option〉::Firewoks4::〈/option〉
〈/select〉
27,关于DW4的表格中的亮边框和暗边框问题。
在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。
bordercolorlight="#999999" bordercolordark="#000000"
你也可以用Css定义一个class。例如：
〈style〉
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
〈/style〉
然后在要加效果的表格里加?lt;table class="bordercolor"〉
28,自动显示主页最后更新日期.
〈script〉
document.write("最后更新日期："+document.lastModified+"")
〈/script〉
29,如何让滚动条出现在左边？
我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！
〈html dir="rtl"〉
〈body bgcolor="#000000" text="#FFFFFF"〉
〈table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1" cellpadding="0"〉
〈tr〉
〈td bgcolor="#FF0000" 〉是不是你的滚动条在左边啊〈/td〉
〈/tr〉
〈/table〉
〈/body〉
〈/html〉
30,如何加入网址前面的小图标？
首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：〈LINK REL="SHORTCUT ICON" HREF=" http://www.webjx.com/图标文件名"〉,并放在该网页的根目录下。
31,在800*600显示器中，如何不让网页水平出现滚动条！
设至〈body leftmargin="0" topmargin="0"〉，网页中的表格宽度为778。
32,关于〈!DOTYPE〉的说明解释。
在网页中，经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`〉，是声明HTML文件的版本信息。
33, 用图片来关闭窗体.
〈A href="java script:window.close()"〉〈IMG height=20 width=20 alt="关闭窗口" src="close.gif" border=0〉〈/A〉
补充说明：如何使用了ACTIVEX！,不再警告窗口？
〈html〉
〈head〉
〈object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"〉
〈param name="Command" value="Close"〉〈/object〉
〈/head〉
〈body bgcolor="#003063" text="#ffffff" id=all〉 〈a href="#" onclick="closes.Click();"〉关闭窗口无提示〈/a〉
〈/body〉
〈/html〉
34,禁止鼠标右键查看网页源代码。
〈SCRIPT language=javascript〉
function click()
{if (event.button==2) {alert(`你好,欢迎光临！`) }}
document.onmousedown=click
〈/SCRIPT〉
补充说明：
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
〈 body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"〉
35,通过按钮来查看网页源代码。
〈input type="BUTTON" value="查看源代码" onClick= `window.location = "view-source:" + window.location.href` name="BUTTON"〉
36,怎么用文字联结实现按钮的SUBMIT功能？
〈a href="#" onclick="formname.submit()"〉OK〈/a〉
这段文字要放在form里。formname是这里要写在form中的name,〈form name=form111〉那么就应该是form111.submit()
37,如何做一个空链接？
加#
38,利用〈IFRAME〉来给网页中插入网页。
经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了〈IFRAME〉,它只适用于IE，NS可是不支持〈IFRAME〉的，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如〈noframes〉一样，可以放些提醒字句之类的话。
你注意啊！下面请和我学习它的用法。
分析代码：〈iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"〉 〈/iframe〉
src="iframe.html"
用来显示〈IFRAME〉中的网页来源，必要加上相对或绝对路径。
name="test"
这是连结标记的 target 参数所需要的。
align="MIDDLE"
可选值为 left, right, top, middle, bottom，作用不大 。
width="300" height="100"
框窗的宽及长，以 pixels 为单位。
marginwidth="1" marginheight="1"
该插入的文件与框边所保留的空间。
frameborder="1"
使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
scrolling="Yes"
使用 Yes 表示容许卷动（内定）， No 则不容许卷动。
39,请问＜tbody＞的用法？
tbody用法据说是加强对表格的控制能力的.例如：
〈table〉〈tbody〉……..〈/tbody〉〈/table〉
tbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候， 把它另存为
一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有
tbody代码，IE5另存为的时候也会给你生成)。
40,Alt和Title都是提示性语言标签，请注意它们之间的区别。
在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
用法如下：
〈p Title="给链接文字提示"〉文字〈/p〉
〈a href="#" Title="给链接文字提示"〉文字〈/a〉
〈img src="图片.gif" alt="给图片提示"〉
补充知识：〈TITLE〉〈ALT〉里面如何多行换行？在源代码里Enter回车。
〈a href="#" Title="个人简历
姓名：张培
网名：我是闪梦
性别：男的，不是女的。
爱好：网页制作，软件开发"〉个人简历〈/a〉
例如：个人简历
41, 用javascript代码来实现闪烁按钮。
〈body〉
〈form method="POST" action="--WEBBOT-SELF--"〉
〈input type="button" name=SUB value="闪烁" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF"〉
〈/form〉
〈script〉
if (document.all&&document.all.flashit)
{
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which)
{
if (flashelement[which].style.color==`#800000`)
flashelement[which].style.color="#0063A4"
else
flashelement[which].style.color="#800000"
}
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i〈flashelement.length;i++)
{
var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`
eval(tempvariable)
}
}
〈/script〉
〈/body〉
42,CSS给图片定义颜色边框。
img { border: 1px solid red}
43,在DW中如何使插入的FLASH透明。
方法一：选中swf,打开原代码窗口，在〈/object〉前输入:〈param name="wmode" value="transparent"〉
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode选择transparent
44,在DW编辑文本中，如何输入一个空格呢？
输入空格的问题，在DW似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能ABC为例.按Shift+Space切换到全角状态。
45,为何我的DW中图形显示不正常。
第一种：可能是因为你定义并正在使用一个site，而你的HTML文件或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议来
描述图象的绝对路径，可惜IE不支持src中使用file协议，所以图象就显示不出来了。
第二种：可能是放图片的文件夹或图片名为中文，也显示不到网页中去。
46,如何在本地机器上测试flash影片的loading？
我想这可能是很多人在问的题了，其实很简单，在Test时，选选View-〉Show Streaming就可以看到了。
47,在网页中做出一根竖的线有几种办法.
第一种方法：用一个像素图的办法！
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image给你创建了一个缺省名为：spacer.gif的一个像素图文件 。
代码中：
〈table border="0" cellspacing="0" cellpadding="0"〉
〈tr〉
〈td bgcolor="#FF0000" height="200" 〉〈img src="spacer.gif" width="1" height="1"〉〈/td〉
〈/tr〉
〈/table〉
第二种方法：用表格填颜色的办法！把〈td〉 〈/td〉中的 删掉 .
〈table border="0" cellspacing="0" cellpadding="0"〉
〈tr〉
〈td bgcolor="#FF0000" height="200" width="1"〉〈/td〉
〈/tr〉
〈/table〉
第三种方法：用水平条。
〈hr color="red" width="1" size="100%"〉
48, 关于鼠标拖动,改变层大小。──看看微软的做法.
〈script〉
document.execCommand("2D-position",false,true);
〈/script〉
〈DIV contentEditable=true〉
〈DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red"〉移动层〈/DIV〉
〈/DIV〉
49 ,点击连接文字加入收藏夹。
〈a href="java script:window.external.AddFavorite(http://上一页 [1] [2] [3] [4] 下一页
[搜索优化]SEOER分享qq空间做百度收录排名的技巧 [C语言系列]C#中combobox 控件属性、事件、方法(部分常用)
[文书写作]留学申请文书写作技巧和范例 [电脑技术]网卡故障排除技巧详解
[精彩网文]成功走上管理岗位的11个技巧 [网站推广]总结8种常用的网站推广方法
[精彩网文]创业是一门艺术，要讲究策略技巧 [网站运营]超级米农分享如何抢注域名及技巧
[办公软件]PowerPoint小小操作技巧，让您工作更轻松 [办公软件]PowerPointXP技巧之立方体翻转动画
|
|
| 教程录入：mintao 责任编辑：mintao |
|
|
上一篇教程： 关于VB.net 安装方法.的相关问答！
下一篇教程： 网页经典代码 |
|
|
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
|
 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] |
| 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |
| |
|
|
|
|
|
 |
同类栏目 |
 |
|
赞助链接 |
|
|
500 - 内部服务器错误。
|
|
|
|
|
|
