网页设计当中的常用标签

最新推荐文章于 2023-03-06 08:44:21 发布

豆捞

最新推荐文章于 2023-03-06 08:44:21 发布

阅读量3.2k

点赞数

文章标签：浏览器 html javascript css

本文链接：https://blog.csdn.net/sneiiler/article/details/26551701

版权

本文详细列举了网页设计中的一些实用技巧，包括处理单元格溢出、设置弹出窗口、去除图片边框、电子邮件表单处理、页面大小设定、背景图片固定、光标样式定制、JavaScript交互等。此外，还介绍了如何处理滚动条颜色、图片抖动效果、全屏播放Flash、创建邮票效果、弹出窗口的控制以及CSS和JavaScript在设计中的应用，如文字链接效果、文字阴影和描边、下拉菜单颜色、显示更新日期、滚动条位置、图片关闭按钮、禁止右键查看源代码、查看源代码按钮、嵌入网页、闪烁按钮、线条绘制、鼠标拖动层大小调整等，展示了网页设计的丰富性和多样性。

摘要由CSDN通过智能技术生成

1、如内容超出单元格，则隐藏：

style="TABLE-LAYOUT: fixed"

2、让弹出窗口总是在最上面：

<body οnblur="this.focus();">

3、不要滚动条，让竖条没有：

<body style='overflow:scroll;overflow-y:hidden'>

让横条没有：

 <body style='overflow:scroll;overflow-x:hidden'>

两个都去掉：

 <body scroll="no">

4、去掉图片链接点击后，图片周围的虚线：

<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0>

5、电子邮件处理提交表单：

<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit> </form>

6、在打开的子窗口刷新父窗口：

 window.opener.locat ion.reload()

7、设定打开页面的大小：

 <body οnlοad="top.resizeTo(300,200);">

8、在页面中加入不是满铺的背景图片，拉动页面时背景图不动：

 <html><head> <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center } </STYLE> </head> <body bgproperties="fixed" > </body> </html>

9、各种样式的光标：

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

定义全局鼠标：body{cursor: url(cur.ani或cur);}

示例：

<span style="cursor:auto">Auto</span>

10、

本机ip<%=request.servervariables("remote_addr")%>

服务器名<%=Request.ServerVariables("SERVER_NAME")%>

服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>

服务器端口<%=Request.ServerVariables("SERVER_PORT")%>

服务器时间<%=now%> IIS

版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>

脚本超时时间<%=Server.ScriptTimeout%>

本文件路径<%=server.mappath(Request.ServerVaria bles("SCRIPT_NAME"))%>

服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSOR S")%>

服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVe rsion &"."&ScriptEngineMinorVe rsion&"."& ScriptEngineBuildVe rsion %>

服务器操作系统<%=Request.ServerVariables("OS")%>

11、文本竖排方式

<style type="text/css">
.shupai {Writing-mode:tb-rl}
</style>

12、超链接去虚线边框

在链接中加上οnfοcus="this.blur()"

13、网页搜索关键字头里插入

<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

14、收藏夹图标

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

15、鼠标控制图片隐现效果：

<SCRIPT language="javascript">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.o pacity=100
else
cur.filters.alpha.o pacity=20
}
</SCRIPT>

<img src="2.gif" style="filter:alpha(opacity=20)"
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">

16、禁止图片下载

<A HREF="javascript:void(0)" onMouseover="alert('对不起,此图片不能下载!')">
<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50">[/url]

17、页嵌页
<iframe width=291 height=247 src="main.files/news.htm" frameBorder=0></iframe>

18、CSS文字阴影（定义在<TD>中）
.abc{

最低0.47元/天解锁文章

豆捞

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫