Rumah hujung hadapan web html tutorial html网页特效代码有哪些

html网页特效代码有哪些

Mar 16, 2021 pm 03:19 PM
html Kesan khas web

html网页特效代码有:1、字体加粗【xx】;2、字体斜体【xx】;3、字体控制大小【

xx

】;4、换帖子背景【】;5、贴图【

html网页特效代码有哪些

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html网页特效代码有:

1)贴图:

<img src="图片地址">
Salin selepas log masuk

2)加入连接:

<a href="所要连接的相关地址">写上你想写的字</a>
Salin selepas log masuk

3)在新窗口打开连接:

<a href="相关地址" target="_blank">写上要写的字</a>
Salin selepas log masuk

消除连接的下划线在新窗口打开连接:

<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>
Salin selepas log masuk

4)移动字体(走马灯):

<marquee>写上你想写的字</marquee>
Salin selepas log masuk

5)字体加粗:

<b>写上你想写的字</b>
Salin selepas log masuk

6)字体斜体:

<i>写上你想写的字</i>
Salin selepas log masuk

7)字体下划线:

<u>写上你想写的字</u>
Salin selepas log masuk

8)字体删除线:

<s>写上你想写的字</s>
Salin selepas log masuk

9)字体加大:

<big>写上你想写的字</big>
Salin selepas log masuk

10)字体控制大小:

<h1>写上你想写的字</h1>
Salin selepas log masuk

(其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:

<font color="#value">写上你想写的字</font>
Salin selepas log masuk

(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:

<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
Salin selepas log masuk

13)贴音乐:

<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">
Salin selepas log masuk

14)贴flash:

<embed src="flash地址" width="宽度" height="高度">
Salin selepas log masuk

15)贴影视文件:

<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
Salin selepas log masuk

16)换行:<br>

17)段落:

<p>段落</p>
Salin selepas log masuk

18)原始文字样式:

<pre class="brush:php;toolbar:false">正文
Salin selepas log masuk

19)换帖子背景:

<body background="背景图片地址">
Salin selepas log masuk

20)固定帖子背景不随滚动条滚动:

<body background="背景图片地址" body bgproperties=fixed>
Salin selepas log masuk

21)定制帖子背景颜色:(value值见10)

22)帖子背景音乐:

23)贴网页:

HTML特效代码1。忽视右键

  <body oncontextmenu="return false">
Salin selepas log masuk

  或

 <body style="overflow-y:hidden">
Salin selepas log masuk

2.加入背景音乐

  IE:<bgsound src="*.mid" loop=infinite> 
  NS:<embed src="*.mid" autostart=true hidden=true loop=true> 
  </embed> 
  *.mid你的背景音乐的midi格式文件
Salin selepas log masuk

3. 简单的window.open方法

  <a href="#" 
  onclick="javascript :window.open(文件路径/文件名,newwindow, 
  toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 
  width=400,height=300);">文字或图片</a>
Salin selepas log masuk

  参数解释:

  •   js脚本结束

4. 简单的页面加密

  <script LANGUAGE="javascript"> 
  <!-- 
  function loopy(){ 
   var sWord =""; 
   while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} 
   alert("登陆成功!"); 
  } 
  loopy() 
  //--> 
  </script>
Salin selepas log masuk

5. 拉动页面时背景图不动

  <style> 
  body{background-image:url(logo.gif); 
  background-repeat:no-repeat;background-position:center} 
  </style>
Salin selepas log masuk

6. 让浏览器在保存页面时保存失败

  <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
Salin selepas log masuk

7. 随机替换图片

  <script> 
  document.write(<img src="img/+parseInt(Math.random()*(5)) 
  +.gif"height="40" width="50"> 
  </script>
Salin selepas log masuk

  图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8. 窗口定时关闭

  先将如下代码网页文件的区:

  <script language="javascript"> 
  function closeit() { setTimeout("self.close()",10000) //毫秒 } 
  </script>
Salin selepas log masuk

  然后再在标内加入如:

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 onload="window.setTimeout(closes.Click(),10000)"> 
  这个窗口会在10秒过后自动关闭,而且不会出现提示. 
  </body> 
  </html>
Salin selepas log masuk

10. 网页自动刷新

  在head部记入

  <META HTTP-EQUIV="Refresh" content="20">
Salin selepas log masuk

  其中20为20秒后自动刷新,你可以更改为任意值。

11. 网页自动转页

  <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">
Salin selepas log masuk

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" style="position:absolute; top:40;width:400px; 
  height:95px;z-index:2"> height=100% width=100%> 
  <iframe width=0 height=0></iframe> 
  </div> 
  <div id="Layer1" style="position:absolute; top:50;width:200px; 
  height:115px;z-index:1"> 
  <iframe height=100% width=100%></iframe> 
  </div>
Salin selepas log masuk

13.返回上一页

 <a href=javascript :history.back(1)>『返回上一页』</a>
Salin selepas log masuk

14.关闭窗口

  <a href=javascript :self.close()>『关闭窗口』</a>
Salin selepas log masuk

15.关于iframe的透明背景

  <IFRAME ID="iFrame1" SRC="iframe.htm" 
  allowTransparency="true" 
  style="</IFRAME>
Salin selepas log masuk

16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

    <table border oncontextmenu=return(false)><td>no</table>
Salin selepas log masuk

可用于Table

17.

<body onselectstart="return false">
Salin selepas log masuk

取消选取、防止复制

18.

onpaste="return false"
Salin selepas log masuk

不准粘贴

19.

oncopy="return false;" oncut="return false;"
Salin selepas log masuk

防止复制<br>

相关学习推荐:html教程

Atas ialah kandungan terperinci html网页特效代码有哪些. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles