Common JavaScript Effects

Source: Internet
Author: User
Tags image filter

Add to favorites

<A href = javascript: void (0); onclick = window. external. AddFavorite (location. href, document. title);>

[Add to favorites]

</A>

Frame webpage

<Table border = 15 style = border-style: ridge width = 100% height = 100%>

<Tr valign = top>

<Td> it is made of table. Note the modification Settings </td>

</Tr>

</Table>

Button freeze

<Input type = button value = this button cannot operate disabled>

Super comment

<A href = http://www.tool.la title = this connection is connected to the home page!> One connection </a>

Super color change

<! -- If you want to change the color of text, you can convert bgColor to fgColor. -->

<Script language = VbScript>

Sub hello

Document. bgColor = int (256*256*256 * rnd)

End sub

</Script>

<! -- Step 2! Add this element to the body. For example, change the body to -->

<Body onmousemove = Hello ()>

Transparent style

<! -- This style depends on the image and uses the image filter of the CSS Filter! Analyze the following code carefully -->

Observe the key value

<Body onkeydown = alert ("key value:" + window. event. keycode)> click the keyboard to try.

Four windows

<Input type = button value = alert onclick = alert ("This is the first type")> <br>

<Input type = button value = confirm onclick = confirm ("this is the second type")> <br>

<Input type = button value = prompt onclick = prompt ("this is the third", "isn't it fun? ")> <Br>

<Input type = button value = open onclick = window. open ("
Http://www.tool.la


")>

Simple check

<Label for = one> This statement has locked the check box to pull </lable> <input type = checkbox id = one>

 

Super Big character

<Center>

& Lt; span style = font-weight: 900; font-size: 200pt & gt;

Endure <br>

<Font face = wingdings> N </font>

<Br>

</Span> </center>

Table color change

<Table border = 1 width = 50 height = 40>

<Tr>

<Td onmouseover = this. style. backgroundColor = "red" onmouseout = this. style. backgroundColor = "# dddddddd">

Text

</Td>

</Tr>

</Table>

Dead screen program

<! -- Remember that you can run it. After running, you need to be careful to pull the button! After downloading an object, you can use common sense -->

<Input type = button value = after clicking it, onclick = while (true) {window. history. back (-1)}>

Timed window opening

<! -- Note that this time I set it to 4000, which means that the window will be opened in 4 seconds. -->

<Script> function l ()

{

Window. open ("http://www.tool.la", "name", "width = 500, height = 150, border = 0 ")

}

SetTimeout ("l ()", 4000)

</Script>

Control Printing

<Input type = button value = print this page onclick = window. print ()>

Webpage hotkeys

<! -- In this example, you can click the F12 key to print the webpage. -->

<Script> function look (){

If (event. keyCode = 123) {window. print ()}

}

Document. onkeydown = look

</Script> click F12! You can also enable the window or other functions after clicking

Display browser version

<SCRIPT> document. Write ("your browser is" + navigator. appname + "" + navigator. appversion );

</SCRIPT>

Interactive text

<Input type = text name = EE>

<Input type = button value = write onclick = "info. innerhtml = ee. Value">

<P> <br>

<Center>

<Span id = info style = filter: glow (color = Orange); width: 100%; font-size: 25pt>

</Span>

Right Jian failed

Change <body> to <body oncontextmenu = "self. event. returnvalue = false">

VB write time

<Script language = VBScript>

Sub Ns ()

Msgbox "today's date is:" & date

Msgbox "Today:" & time

End sub

</SCRIPT>

<Input type = button value = today's time onclick = NS ()>

Three-dimensional table

<Center>

<Table border = 1 cellspacing = 0> <tr> <Td bgcolor = navyblue> normal table </td> </tr> </table>

<P> <table
Border = 1 cellspacing = 0> <tr> <Td bordercolorlight = black
Bordercolordark = white
Bgcolor = navyblue> stereo table </td> </tr> </table>

Character entity

<Script>

Function yyy ()

{

Kkk = window. open ();

For (var count = 33; count <383; count ++ ){

Kkk.doc ument. write ("<center> <table border = 1> <tr> <Td>" + count );

Kkk.doc ument. write ("</td> <td >=</td> <td>" + "&" + "#");

Kkk.doc ument. write (count + "; </td> </tr> </table> </center> ");

}

Kkk.doc ument. close ();

}

</Script>

<Input type = button onclick = YYY () value = run script>

Adjust window size

<Input type = button value = adjusted to 200 in width and 300 in height onclick = Window. resizeTo (200,300)>

Modification time

The last update time of this site is: <SCRIPT> document. Write (document. lastmodified) </SCRIPT>

Window Movement

<Input type = button value = shift left onclick = Window. moveBy (-15,0)>

<Input type = button value = right shift onclick = Window. moveBy (15,0)>

<Input type = button value = move up onclick = Window. moveBy (0,-15)>

<Input type = button value = move down onclick = Window. moveBy ()>

History button

<Input type = button value = backward onclick = history. Go (-1)>

<Input type = button value = Refresh onclick = history. Go (-0)>

<Input type = button value = forward onclick = history. Go (+ 1)>

Add Channel

<A href = javascript: window. External. addchannel ("Typhoon. CDF")> Add channel </a>

Display time

<SCRIPT> A = new date (); document. Write ("the current time is" + A. tolocalestring () + ""); </SCRIPT>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.