网页代码常用小技巧

最新推荐文章于 2024-07-12 22:54:26 发布

cz198366

最新推荐文章于 2024-07-12 22:54:26 发布

阅读量581

点赞数

分类专栏： JSP 文章标签： javascript dreamweaver border function command java

本文链接：https://blog.csdn.net/cz198366/article/details/1588959

版权

JSP 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1 如何改变鼠标的形状？

在Dreamweaver4中CSS样式面板：
按CTR +SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在〈body bgcolor="#003063" text="#ffffff" id=all〉中加入就行了。
〈span style="cursor:X`〉样例〈/span〉
这里选择（文本）作为对象，还可以自己改为其他的，如link等。
x 可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw- resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。

2 如何加入网址前面的小图标？

　　首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：〈LINK REL="SHORTCUT ICON" HREF=" http://www.webjx.com/图标文件名"〉,并放在该网页的根目录下。

3 用图片来关闭窗体.

〈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="#" οnclick="closes.Click();"〉关闭窗口无提示〈/a〉
〈/body〉
〈/html〉

4 禁止鼠标右键查看网页源代码。

〈SCRIPT language=javascript〉
function click()
{if (event.button==2) {alert(`你好,欢迎光临！`) }}
document.οnmοusedοwn=click
〈/SCRIPT〉
补充说明：
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
〈 body οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"〉

5 Alt和Title都是提示性语言标签，请注意它们之间的区别。

　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
用法如下：
　　　〈p Title="给链接文字提示"〉文字〈/p〉
　　　〈a href="#" Title="给链接文字提示"〉文字〈/a〉
　　　〈img src="图片.gif" alt="给图片提示"〉
补充知识：〈TITLE〉〈ALT〉里面如何多行换行？在源代码里Enter回车。
〈a href="#" Title="个人简历
姓名：张培
网名：我是闪梦
性别：男的，不是女的。
爱好：网页制作，软件开发"〉个人简历〈/a〉
例如：个人简历

6 用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〉

7 关于鼠标拖动,改变层大小。──看看微软的做法.

〈script〉
document.execCommand("2D-position",false,true);
〈/script〉
〈DIV contentEditable=true〉
〈DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red"〉移动层〈/DIV〉
〈/DIV〉

8 点击连接文字加入收藏夹。

〈a href="java script:window.external.AddFavorite(http://www.webjx.com, 网页教学网`)"〉点击加入收藏夹〈/a〉

9 网页搜索关键字头里插入
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

10 收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">

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

12 所有的javascript的调用尽量采取外部调用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

13 禁止页面正文选取
<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()">

14 设为首页
<A href=# οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">设为首页</A>

cz198366

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
网页代码常用小技巧

1 如何改变鼠标的形状？在Dreamweaver4中CSS样式面板：按CTR +SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在〈body bgcolor="#003063" text="#ffffff" id=all〉中加入就行了。〈span
复制链接

扫一扫