◆加入收藏夹
说 明 点击即可把你的网站添加到浏览器的收藏菜单下
代 码 <span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.helpor.net','网页特效集锦')" title="网页特效集锦">收藏本站</span>
◆设为首页
说 明 点击即可把你的网站设置为浏览器的起始页
代 码 <span οnclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.helpor.net');" style="CURSOR: hand">设为首页</span>
◆去掉超链接的下划线
说 明 有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!
注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!
代 码 <style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>
◆自动刷新网页
说 明 自动刷新网页
在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
代 码 <meta http-equiv="refresh" content="300; url=target.html">
◆刷新本页
说 明 点击即可刷新本页。
代 码 <a href="javascript:location.reload()" target="_self">刷新</a>
◆返回到上一页
说 明 点击即可返回到上一页面。
代 码 <a href="javascript:history.back(-1)">返回上一页</a>
◆跳出小窗口
说 明 在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)
代 码 <script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>
◆自动关闭窗口
说 明 在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中“i=20”表示关闭的延迟时间为20秒,可任意修改。
代 码 <script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>
◆给页面加保护
说 明 如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时,出现的不是想要的快捷菜单而是一个警告窗口。“/n/n”表示换行。
代 码 <script language="JavaScript">
function helpor()
{
if (event.button==2)alert(' 仅供浏览!谢谢!/n/n若有问题请与我联系! ')
}
</script>

然后把<body> 改为 <body οnmοusedοwn="helpor_net()">

◆固定字号大小
说 明 你是否有过这样的经历:一个布置得很好的网页,当浏览时把浏览器的字号设置成大或小时,漂亮的网页马上面目全非了。因为字的大小变了,版式自然乱了。现在好了,只要把下面这段代码加入到网页源文件的<head>与</head>之间就行了(对用<font>标签定义的文字无效)。
代 码 <style type="text/css">
<!--
body {font-size:9pt}
td {font-size:9pt}
-->
</style>
◆状态栏里的动态欢迎语
说 明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!
代 码 <script language="JavaScript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临! Welcome to WWW.HELPOR.NET "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
◆保护自己的页面不被别人放在框架中
说 明 有些人真是懒得可以,把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。
代 码 <Script LANGUAGE="JavaScript">
if(self!=top){top.location=self.location;}
</script>

HTML常用特效代码相关推荐

  1. 网页特效java代码,美化网页常用特效代码

    1.让文字不停地滚动 <MARQUEE>滚动文字</MARQUEE> 2.记录并显示网页的最后修改时间 <script language=JavaScript> d ...

  2. 网页广告代码php,【网页广告特效代码】精选5种常用的网页广告特效代码

    网站少不了发布一些活动广告,网页中的广告显示效果有很多种,一般是采用JS或者JQ实现多种网页广告显示效果,以下是php中文网精选5种常用的网页广告特效代码推荐给大家下载使用! 效果预览和下载地址:ht ...

  3. 博客的HTML代码如何运用,html代码运用(五)--常用特效解析

    常用特效解析: 原图: 590){this.width=590;}" border=0 twffan="done"> 1.效果一: 代码: <IMG src= ...

  4. jsp/html开发中常用的JS代码和页面特效代码

    1.jsp/html开发中常用的JS代码 1.后退 前进 <input type="button" value="后退" onClick="hi ...

  5. 常用前端代码资源(转)

    转自https://github.com/jsfront/src/blob/master/css.md 以下是常用的代码收集,没有任何技术含量,只是填坑的积累.转载请注明出处,谢谢. 1. css 2 ...

  6. WEB编程开发常用的代码[转]

    转自:http://blog.csdn.net/goaler/archive/2005/01/13/251090.aspx 1. ASP与Access数据库连接: dim conn,mdbfile  ...

  7. 网站装饰html代码,html常用装饰代码分享

    html常用装饰代码分享 为什么总是有人嘲笑我们的网站台土了?在html5占领着整个互联网之时,想透过网页抓住所有人的眼球,因循守旧是行不通的.因此,有你不能不知道的HTML常用代码.只有熟悉掌握了常 ...

  8. 建网站常用HTML代码

    建网站常用HTML代码 如果你想使用某种颜色,取得它的颜色值即可.比如,您想改变某些文字的颜色,您可以使用下面的代码: <font color=#ffc060 size=3 face=" ...

  9. 【HTML实现弹幕滚动效果和文字动态发光特效代码】

    HTML实现弹幕滚动效果 我们经常会在看电影的时候,打开弹幕,以此来查看网友们对电影的实时评价.面对屏幕上一条一条滚动的弹幕,到底是如何实现的呢?   下面我们来介绍用HTML实现弹幕滚动的方法. 1 ...

最新文章

  1. Redis是如何实现点赞、取消点赞的?
  2. varchar与nvarchar的区别
  3. Matlab在概率统计中的应用问题及解决方案集锦
  4. DirectX11 With Windows SDK--17 利用几何着色器实现公告板效果
  5. java集合概念_JAVA集合概念
  6. 字符编码转换libiconv库
  7. 有哪些值得推荐的好的算法书?
  8. 如何计算网络地址和广播地址
  9. 如何查看MacBook Pro硬盘序列号
  10. Caltech-UCSD Birds-200-鸟类数据集
  11. 前端框架系列之(mvp)
  12. 小米电视怎么看cctv?安装电视家教你锁定2022世界杯“观赛位”
  13. 未来教育1级计算机基础及ms,未来教育.全国计算机等级考试一本通一级计算机基础及MS Office应用...
  14. 一度智信:电商推广计划
  15. PaddleOCR windows10下的安装使用
  16. 【Premiere】入门自学 1
  17. 安装Linux18.04显卡驱动以及docker gui连接
  18. arcgis server地图服务访问权限设置及arcgis server token获取。
  19. [英语]100个常见的“公共标志和说明”英文表达(收藏)
  20. UI设计推荐-分享18个高清高品质PSD的进度条素材

热门文章

  1. 乱入Linux界的我是如何学习的
  2. java 省市区数据data
  3. SQLServer 大小写敏感配置
  4. Linux学习笔记6——文本处理相关命令
  5. [转]C++结构体|类 内存对齐详解
  6. Python中获取字典中最值对应的键
  7. ADO.NET Entity Framework -Code Fisrt (二)
  8. Prototype1.5.1源代码解读分析-5
  9. 中小企业网络管理技术完全篇
  10. 在Asp.net页面中实现数据饼图