Html常用特效

最新推荐文章于 2024-08-23 10:02:01 发布
最新推荐文章于 2024-08-23 10:02:01 发布
阅读量956 收藏 1
点赞数
分类专栏： 杂谈 文章标签： html javascript function 浏览器 cmd scroll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dices/article/details/4258595
版权
◆加入收藏夹
说明点击即可把你的网站添加到浏览器的收藏菜单下
代码<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>
Dices
关注
专栏目录
网页常用的特效（HTML样式）
02-29
网页常用的特效（HTML样式）与网页特效精灵不一样的效果
基于html5 canvas实现的动态文字特效代码
11-23
基于html5 canvas实现的动态文字特效代码
HTML+CSS 纯css打造炫酷背景动画效果
最新发布
我们好像在哪见过 私
08-23 811
🌟 在网页设计的世界里，背景不仅仅是页面的衬托，更是一种强有力的视觉语言。CSS酷炫背景渐变动画能够为网站带来生动的视觉效果，提升用户的审美体验。本文将深入探讨如何运用CSS的强大功能，创建引人入胜的背景渐变动画。
html特效代码
weixin_68658847的博客
10-26 542
html有趣的特效代码
分享亿个HTML炫酷特效代码
wwrgvjabhf的博客
01-18 3636
【HTML炫酷代码】---老李出品 让你在别人面前好好装一把
JS代码收藏大全
weixin_30337251的博客
12-31 4200
JS代码收藏大全 从其他地方找来的，希望对有需要的人带来方便！ 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2...
各种html特效
11-15
HTML特效是网页设计中增强用户体验和视觉吸引力的重要手段。这些特效可以使得网页更加生动活泼，吸引用户的眼球，提升网站的互动性和趣味性。在给定的压缩包文件中，包含了一系列不同类型的HTML特效，例如树叶飘落、...
html常用特效欢迎下载
08-06
html常用特效 小标题：<span class="font2"><strong>字体的动感模糊及字体倒影效果</strong></span> 我们一起去学习韩语吧！</span><br> 我们一起去学习韩语吧！</span></td>
html高科技特效
05-02
粒子系统是游戏和图形设计中常用的技术，HTML5也能实现。通过创建大量小的HTML元素（如div），并利用JavaScript控制它们的位置、速度、大小等属性，模拟粒子的运动轨迹，从而形成爆炸的效果。这个特效常用于网站的...
jquery常用特效方法使用示例
10-26
本文将详细介绍jQuery中一些常用的特效方法及其使用示例，帮助读者更好地掌握如何在项目中实现丰富的页面效果。 首先，jQuery提供了多种实现淡入淡出效果的方法。fadeIn()方法用于淡入已隐藏的元素，其基本语法为$...
1500个前端开发常用JavaScript特效
04-24
"1500个前端开发常用JavaScript特效"这个资源集包含了大量实践性的示例，旨在帮助开发者提升项目中的用户体验。以下是对这些特效及其相关知识点的详细解读： 1. **事件处理**：JavaScript的事件处理机制是构建动态...
HTML特效代码大全
懂得一千零一种,赋予你失败的方法！
02-04 3079
1.贴图：<img src="图片地址"> 2.加入连接：<a href="所要连接的相关地址">写上你想写的字</a> 3.在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a> 消除连接的下划线在新窗口打开连接： <a href="相关地址" style="text-decor...
分享84个html5特效，总有一款适合您
zy0412326的专栏
02-15 1648
知识付费甚欢喜，为咱码农谋福利。jQuery+html5+CSS3手机端右侧弹出3D导航菜单特效。html5+three.js+css科幻地球仪3D旋转动画特效。TweenMax.js+H5 Canvas动态水彩画板涂色特效。mimic.css+h5动画库样式表制作各种酷炫文字动画特效。html5+css3图文内容全屏层叠移动鼠标切换显示代码。h5+css3仿迅雷会员活动页面全屏红包雨动画特效。jQuery+H5响应式手机端触屏滑动图片轮播插件。jQuery+css3+H5输入框焦点事件动画特效。
总结了一些 html（H5） 各种 炫酷代码
热门推荐
afufufufu的博客
11-01 1万+
H5炫酷代码
漫天花雨HTML特效+3D相册
小淼淼的博客
05-05 1517
漫天花雨HTML特效+3D相册
Html —— 表白弹幕 特效（效果+代码），熬夜整理最全面的HTML字符实体
2401_84097964的博客
04-03 851
鉴于图片大小，所以分开来显示的部分效果。字体颜色等都可以继续更改。代码表白.html灰色的遮罩层内容发表区颜色清空再写music enddemo.css通用初始化样式padding:0;body, button, input, select, textarea { font: 12px/24px Arial, ‘Microsoft Yahei’,“宋体”, sans-serif;clear:both;height:0;正文样式固定top: 0px;
jsp/html开发中常用的JS代码和页面特效代码
空空说技术的博客
10-12 4240
1.jsp/html开发中常用的JS代码 1、后退 前进 &lt;input type="button" value="后退" onClick="history.go(-1)"&gt; &lt;input type="button" value="前进" onClick="history.go( 1 );return true;"&gt; 2、返回 &a
好看的照片效果html,9款超绚丽的HTML5 3D图片动画特效
weixin_36250086的博客
06-03 1910
1.SVG玫瑰花盛开动画SVG还是很强大的，我们之前也分享过很多利用SVG绘制出来的各种动画特效。比如超炫酷的SVG轮船行驶动画和HTML5 SVG圆形钢琴动画都是用SVG实现的超酷动画。今天我们要分享另外一款基于SVG的玫瑰花盛开动画，当鼠标滑过玫瑰花时，玫瑰花就会缓缓盛开，情景非常浪漫。2.jQuery/CSS3动感实用的进度条插件 10种漂亮外观最近这两天一直在为大家分享一些HTML5、CS...
掌握全貌：HTML标签大全与常用特效详解
本文档详细介绍了HTML中最全面的标签集合，这些标签对于网页开发和设计至关重要。HTML (Hypertext Markup Language)，即超文本标记语言，是构建网页的基础，其标签用于定义文档的结构、样式和行为。这里着重讲解了两...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值