1 文本闪烁
function TextFlash(){
if (document.all.flashtext&&flashtext.length){
for (i=0;i
else if (flashtext) setInterval("TxtFlash2(0)",100)
}
function TxtFlash1(which){
if (document.all.flashtext[which].filters[0].strength==2)
document.all.flashtext[which].filters[0].strength=1
else document.all.flashtext[which].filters[0].strength=2
}
function TxtFlash2(which){
if (document.all.flashtext.filters[0].strength==2)
document.all.flashtext.filters[0].strength=1
else document.all.flashtext.filters[0].strength=2
}
文本闪烁
2 表格边框闪动
function TabBorderColor(){
if (!document.all) return
if (bordcor.style.borderColor=="yellow") bordcor.style.borderColor="#FF0000" else bordcor.style.borderColor="yellow"
}
setInterval("TabBorderColor()", 500)
页面特效篇--表格边框闪动 页面特效篇--表格边框闪动 |
3 文本特殊字体
4 震动页面
function WindowShake() {
for (i = 20; i > 0; i--) {
for (j = i; j > 0; j--) {
self.moveBy(i,0);
self.moveBy(0,i); self.moveBy(-i,0);
self.moveBy(0,-i); } }
}
5 光标选择输入框
6 便捷的单选框
7 跳转到本地路径
8 打印当前页面
if (window.print) {document.write('');}
1 颜色选择器
10款让人惊叹的html5动画效果 这里介绍10款让人叹为观止的html5动画效果 1、15种html5+css3图片堆叠图片展示特效 这是一款html5和css3制作的图片堆叠图片展示特效,就像一幅扑克牌堆叠在一起,最开始只能看到一张,点击按钮后就会展开成几张,非常有意思。 2、html5 svg+css3制作图片边框运动动画效果
一款使用html5 svg技术制作的图片边框运动动画效果,鼠标移动到图片上时,便会有几条线绕着边框运动,共有4种不同的效果。建议使用Firefox或Chrome浏览器观看。 3、21种html5+css3鼠标悬停hover超链接导航条动画效果 利用css3 transition属性制作的21种不同的鼠标悬停效果。当鼠标hover或悬停在超链接上时,
会触发各种动画效果。每种动画效果都十分独特,可用于网站导航。 4、18种基于html5 svg和css3的神奇超链接动画效果 普通的超链接效果是鼠标放上去出现一条下划线,本插件异想天开的使用html5 svg和css3打造出18种很神奇的超链接动画效果。每种超链接动画效果都有它的独到之处。 5、html5+css3网格图片3d翻转Loading页面切换效果
这是一个图片html5和css3制作的3d翻转Loading页面切换效果。在页面上以网格的形式展示所有的页面缩略图,当点击了缩略图片后,图片进行3d翻转,然后加载相应的页面内容。 6、12种利用html5+css3打造的消息提示框效果 这是12种风格各异的弹出消息提示框效果,使用html5和css3 animation属性制作,有各种旋转、翻转、伸展特效。效果非常华丽。
1 显示登陆事件
漫游于网络之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋。除了普通的Gif Banner、Flash外,浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时,这种在页面上浮动的广告,可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值,但对浏览你网页的人来讲,这则是个既妨碍阅读,又影响阅读兴趣的东西,因此一定不能滥用。不过,如果你能善用的话,它就能发挥出极大的作用。 要做出浮动式广告的效果并不困难,如果你有JS基础的可以自己写一个,如果连写都懒得写的话,到网上下载一个特效工具,按提示粘贴一下代码就OK。不过,想要真正了解它是怎样做出来的,则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。 以下这段代码可放在
之间,其间我加入了一些注释(即“//”后的文字及“”之间的文字)。 2. var sObj = null; var mObj = null; function main(){ sObj = new StaticObj(7, -2); sObj.run(); mObj = new MoveObj(); } function windowSizeChanged(){ sObj.resizeEvent(); } function move() { var top= document.body.scrollTop;鼠标滑过小图显示大图预览效果(html代码,css样式,javascript) 一、预览效果:
二、代码部分(将以下代码复制粘贴到记事本,然后将后缀改成.htm或html即可)