Home > Developer > Web Develop
1) Stickers: <img src=" picture Address ">
2) Join the connection: <a href=" to connect the relevant address "> write the words you want to write </a>
1) Stickers:
2) Join the connection: <a href= "related address to connect" > write the words you want to write </a>
3) Open Connection in new window: <a href= "related address" target= "_blank" > Write words to write </a>
To remove an underlined connection, 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) Move the font (Merry):<marquee> write the words you want to write </marquee>
5) Font Bold:<b> write the words you want to write </b>
6) Font Italic:<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 enlargement: <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> (where value values are between 000000 and FFFFFF (16-bit binary)
12) Eliminate 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) Paste Flash: <embed src= "Flash address" width= "width" height= "height" >
15) Paste movie files:
16) line Break:<br>
17) Paragraph:<p> paragraph </p>
18) Original text style:<pre> body </pre>
19) Change post background: <body background= "background image Address" >
20) Fixed post background does not scroll with scroll bar: <body background= "background image address" body
Bgproperties=fixed>
21) Custom Posts background color: <body bgcolor= "#value" > (value values see 10)
22) Post background music: <bgsound= "background music address" loop=infinite>
23) Paste page: <iframe src= "related address" width= "width" height= "height" ></iframe>
HTML effect Code 1. Ignore right button
<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 your background music in MIDI format file
3. A 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 pictures </a>
Parameter explanation:
<script language= "javascript" > JS script start;
window.open the command that pops up the new window;
FileName of File path/filename pop-up window;
NewWindow the name of the pop-up window (not the file name), not necessary, available empty instead;
width=400 window width;
height=300 window height;
The pixel value of the Top=0 window from the top of the screen;
The pixel value of the left=0 window from the left side of the screen;
Toolbar=no whether the toolbar is displayed, yes is displayed;
Menubar,scrollbars represents the menu bar and scroll bar.
Resizable=no whether the window size is allowed to change, yes is allowed;
Location=no whether the address bar is displayed, yes is allowed;
Status=no whether the information in the status bar is displayed (usually the file is already open), yes is allowed;
</SCRIPT> JS script End
4. Simple page Encryption
<script language= "JavaScript" >
<!--
function Loopy () {
var sWord = "";
while (sword!= "login") {sword=prompt ("Please enter your login password");}
Alert ("Login successful! ");
}
Loopy ()
-
</script>
5. The background image does not move when the page is pulled
<style>
Body{background-image:url (logo.gif);
Background-repeat:no-repeat;background-position:center}
</style>
6. Let the browser save the page when saving failed
<noscript><iframe src= "*.html" ></iframe></NOSCRIPT>
7. Randomly replace pictures
<script>
document.write (+.gif "height=" "width=" >
</script>
Image file name 0.gif 1.gif 2.gif 3.gif 4.gif
8. Window timed off
First, the following code is the area of the Web file:
<script language= "JavaScript" >
function Closeit () {setTimeout ("self.close ()", 10000)//MS}
</script>
Then add in the <body> label such as: <body onload= "Closeit ()" >
9. Web page closes automatically
<object id=closes type= "Application/x-oleobject"
Classid= "Clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
<param name= "Command" value= "Close" >
</object>
<body onload= "Window.settimeout (closes. Click (), 10000) ">
This window will automatically close after 10 seconds without prompting.
</body>
10. Web page refresh automatically
In the head section
<meta http-equiv= "Refresh" content= ">"
Where 20 is automatically refreshed after 20 seconds, you can change to any value.
11. Page automatic page turn
<meta http-equiv= "Refresh" content= "time (seconds); Url= Address ">
12. Keep layer in front, not covered by IFRAME, object
Reseat 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> # behind
<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 Prev" </a>
14. Close window
<a href=javascript:self.close () > Close window </a>
15. About the transparent background of the IFRAME
<iframe id= "iFrame1" src= "iframe.htm"
Allowtransparency= "true"
Style= "</IFRAME>
Oncontextmenu= "Window.event.returnvalue=false" will completely shield the right mouse button
<table border Oncontextmenu=return (false) ><td>no</table> available for table
<body onselectstart= "return false" > deselect, prevent copying
18.onpaste= "return false" no paste
19.oncopy= "return false;" oncut= "return false;" Prevent replication
HTML Effect Code Daquan
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
