Home > Developer > JavaScript
HTML special effects code Daquan, special effects code Daquan
1) texture: & lt; img src = & quot; image address & quot; & gt;
2) join the connection: & lt; a href = & quot; related address to connect & quot; & gt; write the words you want to write & lt;/a & gt;
1) texture:
2) join the connection: <a href = "related address to connect"> write the words you want to write </a>
3) Open the connection in a new window: <a href = "related address" target = "_ blank"> write the words to write </a>
Remove the underline Of the connection to open the connection in a new window:
<A href = "related address" style = "text-decoration: none" target = "_ blank"> write the words you want to write </a>
4) mobile font (street lamp): <marquee> write the words you want to write </marquee>
5) bold font: <B> write the words you want to write </B>
6) italics: <I> write the words you want to write </I>
7) font underline: <u> write the words you want to write </u>
8) font strikethrough: <s> write the words you want to write </s>
9) font increase: <big> write the words you want to write </big>
10) font control size:
11) change the font color: <font color = "# value"> write the words you want to write </font> (the value is between 000000 and ffffff (in hexadecimal notation ).
12) Remove the underline Of the connection: <a href = "related address" style = "text-decoration: none"> write the words you want to write </a>
13) paste Music: <embed src = Music address width = 300 height = 45 type = audio/mpeg autostart = "false">
14) flash: <embed src = "flash Address" width = "width" height = "height">
15) post a video file:
16) line feed: <br>
17) Section: <p> section </p>
18) original text style: <pre> body </pre>
19) change the post background: <body background = "background image address">
20) the background of a fixed post does not scroll with the scroll bar: <body background = "background image address" body
Bgproperties = fixed>
21) custom post background color: <body bgcolor = "# value"> (for the value, see 10)
22) post background music: <bgsound = "background music address" loop = infinite>
23) webpage: <iframe src = "related address" width = "width" height = "height"> </iframe>
HTML special effect Code 1. Ignore right-click
<Body oncontextmenu = "return false">
Or
<Body style = "overflow-y: hidden">
2. Add background music
IE: <bgsound src = "*. mid" loop = infinite>
NS: <embed src = "*. mid" autostart = true hidden = true loop = true>
</Embed>
*. Mid: The midi format file of your background music
3. Simple window. open Method
<A href = "#"
Onclick = "javascript: window. open (file path/file name, newwindow,
Toolbar = no, scrollbars = yes, resizable = no, top = 0, left = 0,
Width = 400, height = 300); "> text or image </a>
Parameter description:
<Script language = "javascript"> the js SCRIPT starts;
Window. open command to pop up a new window;
File name in the file path/file name pop-up window;
The name (not the file name) of the newwindow pop-up window. It is optional and can be replaced by null;
Width = 400 window width;
Height = 300 window height;
Top = the pixel value between the 0 window and the top of the screen;
Left = 0 the pixel value between the window and the left of the screen;
Toolbar = no indicates whether to display the toolbar. yes indicates display;
Menubar and scrollbars indicate the menu bar and scroll bar.
Resizable = no: whether to change the window size. yes: yes;
Location = no indicates whether the address bar is displayed. yes indicates yes;
Status = no whether to display the information in the status bar (usually the file has been opened), yes is allowed;
</SCRIPT> end of js SCRIPT
4. Simple page Encryption
<Script LANGUAGE = "javascript">
<! --
Function loopy (){
Var sWord = "";
While (sWord! = "Login") {sWord = prompt ("Enter your login password ");}
Alert ("Login successful! ");
}
Loopy ()
// -->
</Script>
5. The background image does not move when pulling the page
<Style>
Body {background-image: url(logo.gif );
Background-repeat: no-repeat; background-position: center}
</Style>
6. An error occurred while saving the page by the browser.
<NOSCRIPT> <iframe src = "*. html"> </iframe> </NOSCRIPT>
7. Random image replacement
<Script>
Document. write (Pai.gif "height =" 40 "width =" 50 ">
</Script>
The image file is named 0.gif 1.gif 2.gif 3.gif 4.gif.
8. Window timed close
Add the following code to the webpage file area:
<Script language = "javascript">
Function closeit () {setTimeout ("self. close ()", 10000) // millisecond}
</Script>
Then add the following content to the <body> label: <body onload = "closeit ()">
9. Web page automatically closed
<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)">
This window will be automatically closed 10 seconds later and will not be prompted.
</Body>
</Html>
10. Automatic Webpage refresh
Record in head
<META HTTP-EQUIV = "Refresh" content = "20">
The refresh is automatically refreshed 20 seconds later. You can change it to any value.
11. Automatic Webpage Conversion
<META HTTP-EQUIV = "Refresh" CONTENT = "Time (SEC); URL = address">
12. Keep the layer at the beginning without being overwritten by Iframe and Object.
Insert the Iframe or Object in the Layer to set the z-Index value.
<Div z-Index: 2> <object xxx> </object> # front
<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>
13. Back to previous page
<A href = javascript: history. back (1)> "back to previous page" </a>
14. Close Window
<A href = javascript: self. close ()> close Window </a>
15. Transparent background of iframe
<Iframe id = "iFrame1" SRC = "iframe.htm"
AllowTransparency = "true"
Style = "</IFRAME>
16. oncontextmenu = "window. event. returnValue = false" will completely block the right mouse button
<Table border oncontextmenu = return (false)> <td> no </table>
17. <body onselectstart = "return false"> cancel selection to prevent Replication
18. onpaste = "return false" Do not paste
19. oncopy = "return false;" oncut = "return false;" Prevent Replication
This article is from the Internet and has been forgotten. Please forgive me!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
