东莞市汽车网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 345|回复: 0
打印 上一主题 下一主题

网页编程的九个常用技巧

[复制链接]
跳转到指定楼层
楼主
发表于 2012-5-14 11:19:21 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
一、请问如何让一康熙来了个打开的窗口在限定时[url=http://zone.auto.msn.com.cn/bbs/thread-1639334-1-1.html]80后夫妻[/url<body onload="setTimeout(window.close(),2000)">
两秒钟关闭(1s=1000微秒)
</body>

二、滚动条不显示就在<body>里加style="overflow:hidden"
去掉框架线在<frame>中加frameborder=0
<frameset cols="*,150" framespacing=10>
<frame noResize frameborder=1 src="about:blank">
<frame noResize frameborder=1 src="about:blank">
</frameset>

三、请问怎么把它搞成只有外面的线,表里面所有线都不要
<table width="75%" border="1" cellspacing="0" bordercolor="#FF0000" rules=none>
<tr> <td> </td><td> </td></tr><tr> <td> </td><td> </td></tr><tr> <td> </td><td> </td></tr><tr> <td> </td><td> </td></tr><tr> <td> </td><td> </td></tr>
</table>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="80%" style="border: 1 solid #FF0000">
<tr><td width="50%" height="10"></td><td width="50%" height="10"></td></tr>
<tr><td width="50%" height="10"></td><td width="50%" height="10"></td></tr>
<tr><td width="50%" height="10"></td><td width="50%" height="10"></td></tr>
<tr><td width="50%" height="10"></td><td width="50%" height="10"></td></tr>
<tr><td width="50%" height="10"></td><td width="50%" height="10"></td></tr>
</table>
</center>

四、网页上的联接鼠标指针变化,图片指针~~~
<style>
*{font-size:12px}
:visited,:active,:link{ text-decoration:none;color:navy}
:hover{ cursor:url)}
</style>
<a href=#>Link</a>

五、一张图片,看起来很模糊,可是把鼠标移在那张图片的上面,就变得清晰
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
// Flash Image Extension for Dreamwever ,by Yichun Yuan(dezone@sina.com)
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects

["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}

</script>
</head>
<body>
src="/uploadfile/UploadFile/200919162231365.gif" onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)"></a>

</body>
</html>

六、用javscript打开图片新窗口用什么代码?
<img src="images/postnew.gif" onclick="window.open(,,width=200,height=200)"><a href="javascript:void(window.open(,,width=200,height=200))"><img src="images/postnew.gif"></a>

七、在一个表格框中如何控制段落行距?
CSS中LINE-HEIGHT的就定义行距的。
style="line-height:4"

八、在同一页面怎么采用不同的hover和link、visited?
a:active {font-size: 12px;color: #0066cc;text-decoration: none; }
a:visited {font-size: 12px;color: #0D0D15;text-decoration: none;}
a:hover {font-size: 12px;color: #0066cc;text-decoration: underline;}
a:link {font-size: 12px;color: #0D0D15;text-decoration: none;}
a.b:active { font-size: 12px; color: #ff0000; text-decoration: underline;}
a.b:visited { font-size: 12px; color: #ff0000;}
a.b:hover { font-size: 12px; color: #ff6600OSITION: relative; LEFT: 1px; TOP: 1px;}
a.b:link { font-size: 12px; color: #ff0000; text-decoration: underline;}</style>
<body>
<p align="center"><a href="#">默认的链接样式 </a></p>
<p align="center"><a href="#" class="b">链接样式表b</a> </p>
</body>
注:如果是自定义类 .111 a:hover{*****},则只能在非<a>标记里引用,比如<td class="111">。如果定义类为 a.111:hover{*****},则只能在<a>标记里引用,如<a class="111">

九、针对图片限制:table-layout:fixed;
针对汉字限制,但对英文不能自动换行:word-break:break-all;
<table width="250" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td height="200" style="word-break:break-all">这里使用的是word-break:break-all,单元格高度自定义为 200px。510sj.com、510sj.com、510sj.com、510sj.com、510sj.com、510sj.com、 510sj.com、510sj.com、</td>
</tr>
</table>
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 支持支持 反对反对
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|东莞市汽车网 ( 粤ICP备10001045号

GMT+8, 2024-12-26 09:23 , Processed in 0.174627 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表