网页特效代码

最新推荐文章于 2024-08-26 12:44:02 发布
最新推荐文章于 2024-08-26 12:44:02 发布
阅读量1.7w 收藏 6
点赞数 1
分类专栏： WEB制作 文章标签： function javascript input table button border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arielxp/article/details/143752
版权
这篇博客介绍了JavaScript在网页中的各种特效和交互实现，包括禁止右键、选择、复制，设置网页不被缓存，获取控件位置，以及数据库连接常量等。同时，还讲解了如何创建动态游标、禁用输入法、自适应分辨率的布局、地址栏小图标、检测代理服务器以及日期运算等实用技巧。此外，还展示了如何实现文本框自适应行数、检查数字字符串、获取窗口大小、检测汉字等JavaScript函数。最后，提供了编辑表格的示例代码，以及CSS样式中的一些不常用但实用的技巧，如背景透明、强制换行、文字书写方向等。
摘要由CSDN通过智能技术生成
1.　οncοntextmenu="window.event.returnvalue=false"　　　将彻底屏蔽鼠标右键
　　<table border οncοntextmenu=return(false)><td>no</table>　可用于Table
2.　<body onselectstart="return false">　　　　　　　　取消选取、防止复制
3.　οnpaste="return false"　　　　　　　　　　　　　　　　　　　　不准粘贴
4.　οncοpy="return false;" oncut="return false;"　　　　　　　　　防止复制
5.　<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6.　<link rel="Bookmark" href="favicon.ico">　可以在收藏夹中显示出你的图标
7.　<input style="ime-mode:disabled">　　　　　　　　　　　　　关闭输入法
8.　永远都会带着框架
<script language="javascript"><!--
　if (window == top)top.location.href = "index.htm"; file://index.htm为框架网页
// --></script>
9.　防止被人frame
<SCRIPT LANGUAGE=javascript><!--
　if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. <noscript><iframe src=*.html></iframe></noscript>　　网页将不能被另存为
11. <input type=button value=查看网页源代码
οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/&#39;">
12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR"<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR"
end if
%>
13. 取得控件的绝对位置
file://javascript
<script language="javascript">
function getIE(e){
　var t=e.offsetTop;
　var l=e.offsetLeft;
　while(e=e.offsetParent){
　　t+=e.offsetTop;
　　l+=e.offsetLeft;
　　}
　alert("top="+t+"/nleft="+l);
　}
</script>
file://VBScript
<script language="VBScript"><!--
function getIE()
　dim t,l,a,b
　set a=document.all.img1
　t=document.all.img1.offsetTop
　l=document.all.img1.offsetLeft
　while a.tagName<>"BODY"
　　set a = a.offsetParent
　　t=t+a.offsetTop
　　l=l+a.offsetLeft
　wend
　msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>
14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
　var e = event.srcElement;
　var r =e.createTextRange();
　r.moveStart('character',e.value.length);
　r.collapse(true);
　r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">
15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER"
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE

17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly　　 = 0 '游标只向前浏览记录，不支持分页、

Recordset、BookMark
Const adOpenKeyset　　　　　= 1 '键集游标，其他用户对记录说做的修改

将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支

持分页、Recordset、BookMark
Const adOpenDynamic　　　　 = 2 '动态游标功能最强，但耗资源也最多。

用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功

能浏览(ACCESS不支持)。
Const adOpenStatic　　　　　= 3 '静态游标，只是数据的一个快照，用户对

记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向

后移动
Const adLockReadOnly　　　　= 1 '锁定类型，默认的，只读，不能作任何

修改
Const adLockPessimistic　　 = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic　　　= 3 '只有在调用Update方法时才锁定记录集，

而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和

删除是在批处理方式下完成的
Const adCmdText　= &H0001
Const adCmdTable = &H0002
%>
18. 网页不会被缓存
HTM网页
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
ASP网页
　Response.Expires = -1
　Response.ExpiresAbsolute = Now() - 1
　Response.cachecontrol = "no-cache"
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT";
header("Cache-Control: no-cache, must-revalidate";
header("Pragma: no-cache";


19. 让网页适合任何分辨率
　 <script language="javascript">
function diff(x){
ie4=(document.all)?true:false
if (ie4){
block=x.style;
}
var a=screen.width
switch (a){
case 1024:
block.left=""+(parseInt(block.left)+112);
break;
case 1152:
block.left=""+(parseInt(block.left)+176);
break;
case 1280:
block.left=""+(parseInt(block.left)+240);
break;
}
}
</SCRIPT>
将上述代码加入BODY之间


20.地址栏地址前显出小图标
　 有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收

藏栏中显示图标，这样很好的与其它站点有了区别。



要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。

文件格式为ico，然后上传至你的网站。 最好是favicon.ico。



然后，在需要的页面中，加上以下html语句到文件的<head>和</head>之间（假设

以上ico文件的地址为http://www.wfdoc.com/favicon.ico）。
那么输入<link REL="SHORTCUT ICON" href="http://www.wfdoc.com/favicon.ico">



**********************************************************************

 1. οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制


3. οnpaste="return false" 不准粘贴


4. οncοpy="return false;" oncut="return false;" 防止复制


5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标


6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标


7. <input style="ime-mode:disabled"> 关闭输入法


8. 永远都会带着框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>


9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>


10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为


11. <input type=button value=查看网页源代码
οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/&#39;">


12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>


13. 取得控件的绝对位置


//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>


//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>


14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">


15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER")


javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>


<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE


17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMarkConst
adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览ACCESS不支持)。
Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动


Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的


Const adCmdText = &H0001
Const adCmdTable = &H0002
%>


18. 网页不会被缓存
HTM网页
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
ASP网页
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");



19. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>


20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight


21. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");


22.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>


23. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

24. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" οnclick="checkme()">
</BODY></HTML>


25.获得本页url的request.servervariables("")集合
Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD>
<TD><B>value</B></TD></TR>"
for each ob in Request.ServerVariables
Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&

最低0.47元/天 解锁文章
arielxp
关注
专栏目录
JS代码收藏大全
weixin_30337251的博客
12-31 4199
JS代码收藏大全 从其他地方找来的，希望对有需要的人带来方便！ 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2...
网页特效代码集合
yongzhou5201314的专栏
10-11 639
先从最基本开始鼠标后飘动的字符.spanstyle {COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible}var x,yvar step=18var flag=0var message="★Viking希望能得到你们的支持,谢谢!"messag
网页特效工具：节省时间，提升效率
最新发布
weixin_42579969的博客
08-26 724
本文还有配套的精品资源，点击获取 简介：网页特效工具通过自动化代码生成，帮助开发者快速实现网页特效，如滑动、淡入淡出和轮播图。它们简化了开发过程，降低了技术门槛，使开发者能够专注于设计和创新，提升网页的交互性和视觉效果。 1. 网页特效工具简介 网页特效工具是一类软件或在线平台，用于创建和编辑网页特效。这些工具提供了一系列功能，使开发人员能够增强网站的视觉吸引力...
网页特效代码：樱花飘落、下雪、花瓣飞舞等
12-08
在给定的标题“网页特效代码：樱花飘落、下雪、花瓣飞舞等”中，提到了几种常见的视觉效果，这些效果是通过JavaScript、CSS3或者其他前端技术实现的。以下是对这些特效的详细解释： 1. **樱花飘落**：这个特效模拟...
javascript使用输出语句实现网页特效代码
12-10
 代码如下: alert() 弹出警示框 window.alert(‘继续学习’); 完整的写法 效果如下： 因为alert 属于window 对象的方法， 而 window是可以省略的 所以，一般我们都是这么写 ： alert(...
网页特效代码其他特效网页游戏特效代码测试反应速度特效.pdf
10-09
文件标题和描述中提到的“网页特效代码”表明文档涉及的是JavaScript编程，用于在网页上实现各种视觉与交互效果。JavaScript是一种广泛用于网页开发的脚本语言，能够实现用户界面的动态效果和游戏开发等。 2. ...
网页特效 网页特效代码
11-29
网页特效 网页特效代码 网页特效代码 网页特效代码
网页特效源代码
06-19
很多种前端特效打包，包含HTML5+CSS3，实现动画效果，请惠存
\网页特效代码 - 网页制作特效，js特效，网页特效代码，JS教程，javascript
12-27
网页特效代码 - 网页制作特效，js特效，网页特效代码，JS教程，javascript
java 94个网页特效javascript
01-09
94个网页特效javascript java
网页制作特效代码大全
ln1989的专栏
05-25 677
http://www.qpsh.com/
网站特效代码（背景彩带以及点击烟花特效）
eyes++的博客
09-05 1742
这两个特效代码都是我找了很久才找到的，但是我没有本地保存代码的习惯，而项目里也暂时不用，所以为了避免遗失，我还是贴到这里吧。
网页特效php代码大全,网页特效代码
weixin_42520239的博客
03-17 462
网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术，是用网页脚本(javascript,vbscript)来编写制作动态特殊效果。它为网页活跃了网页的气氛，有时候会起到一定的亲切力。丰富多彩的网页特效,为网页增加了很不错的效果,初学网页者按照说明也很容易成功的为网页添加网页特效.学会添加网页特效的过程也能激发网页初学者更加了解HTML语言的结构.(推荐学习：web前端视频教程)为了...
HTML+CSS+JavaScript网页特效源代码（复制代码保存即可使用）
2401_84091110的博客
04-03 407
/ return;if (!xo = 1;break;xo = -1;break;zo = 1;break;zo = -1;break;break;});});});var box;b < bl;i < il;
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值