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

html常用装饰代码分享

为什么总是有人嘲笑我们的网站台土了?在html5占领着整个互联网之时,想透过网页抓住所有人的眼球,因循守旧是行不通的。因此,有你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码,你才能在编写网页的时候做到行云流水,用处处流露着细腻和创意的动效细节打动所有人。大家知道html常用装饰代码吗?下面我们就给大家详细介绍一下吧!

(一)html下雨效果代码

这是一个HTML画布上呈现刮风下雨的效果。您可以更改背景、画布元素的宽度、高度。非常容易定制(许多水滴,风力,方向)。

ab7653affab982b574eb7acc55df2e04.gif

(二)html礼花背景代码

对于HTML技术来说,Canvas应用非常广泛,基本上所有HTML5动画特效都会用到Canvas特性。我们只需在黑色的画布上点击鼠标,即会有漂亮的烟花绽放在夜空当中。

ab7653affab982b574eb7acc55df2e04.gif

(三)html斜向移动落叶背景

树叶飘落非常逼真自然,具有强烈的动感与立体感。是一款非常优秀的特效源码。

ab7653affab982b574eb7acc55df2e04.gif

(四)html星星从背景中飞出特效

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

ab7653affab982b574eb7acc55df2e04.gif

(五)html漫天飞雪效果代码

html5 canvas漫天飞雪动画效果代码基于html5 canvas制作的漫天飞雪动画效果代码,很棒的下雪效果代码。蓝色天空背景,白色的雪花飘落布满整个网页。

ab7653affab982b574eb7acc55df2e04.gif

来源: http://www.51edu.com/it/bckf/493316.html

淘宝装修代码网页代码分享 /----------------------------------------HTML特效代码--------------------------------/ 1。忽视右键   <body>   或   <body> 2。加入背景音乐   IE:<bgsound src="*.mid" loop=infinite>   NS:<embed src="*.mid" autostart=true hidden=true loop=true>   </embed>   *.mid你的背景音乐的midi格式文件 3。简单的window.open方法   <a >文字或图片</a>   参数解释:   [removed] js脚本开始;   window.open 弹出新窗口的命令;   文件路径/文件名 弹出窗口的文件名;   newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;   width=400 窗口宽度;   height=300 窗口高度;   top=0 窗口距离屏幕上方的象素值;   left=0 窗口距离屏幕左侧的象素值;   toolbar=no 是否显示工具栏,yes为显示;   menubar,scrollbars 表示菜单栏和滚动栏。   resizable=no 是否允许改变窗口大小,yes为允许;   location=no 是否显示地址栏,yes为允许;   status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;   [removed] js脚本结束 4。简单的页面加密   [removed]   <!--   function loopy(){    var sWord ="";    while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}    alert("登陆成功!");   }   loopy()   //-->   [removed] 5。拉动页面时背景图不动   <style>   body{background-image:url(logo.gif);   background-repeat:no-repeat;background-position:center}   </style> 6。让浏览器在保存页面时保存失败   <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 7。随机替换图片   [removed]   [removed](<img src="img/+parseInt(Math.random()*(5))   +.gif"height="40" width="50">   [removed]   图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定时关闭   先将如下代码网页文件的区:   [removed]   function closeit() { setTimeout("self.close()",10000) //毫秒 }   [removed]   然后再在<body>标内加入如:<body> 9。网页自动关闭   <html>   <head>   <object id=closes type="application/x-oleobject"   classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">   <param name="Command" value="Close">   </object>   </head>   <body>   这个窗口会在10秒过后自动关闭,而且不会出现提示.   </body>   </html> 10。网页自动刷新   在head部记入   <META HTTP-EQUIV="Refresh" content="20">   其中20为20秒后自动刷新,你可以更改为任意值。 11。网页自动转页   <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 12。保持layer在最前面,而不被Iframe、Object所覆盖   在Layer中再插Iframe 或 Object 设z-Index值   <div z-Index:2><object xxx></object> # 前面   <div z-Index:1><object xxx></object> # 后面   <div id="Layer2"> height=100% width=100%>   <iframe width=0 height=0></iframe>   </div>   <div id="Layer1">   <iframe height=100% width=100%></iframe>   </div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值