javascript| Menu | web | application Example
JS Library from:http://moofx.mad4milk.net/(MOOFX Super lightweight Javascrip effect class library)
Just click here to see the effect.
Usage:
1. Add JS Library
CODE:
2. Establish the XHTML structure:
CODE:
3. Call JS:
CODE:
Complete.It's simple and it works.If you want to have a good interface, customize the CSS Bar
Download
1 JavaScript printing can be controlled by style. If you want to print the block, the style is as follows: noprint {display: none} and then use the style: if you do not need to print a part of the web page, you just need to mark it as medium.
1. JavaScript Printing
You can use style control to print the print. The styl
This example describes how JavaScript gets the first link ID in a Web page. Share to everyone for your reference. Specifically as follows:
The following JS code obtains all the hyperlinks in the Web page through Document.links, and then gets the id attribute of the first li
Javascript| Skills | Web page
Episode III How to use history and forward on a Web page
Let's take a look at a syntax that lets you browse through different files, and we're going to talk about back () and forward (), if you have a link in your own file that returns to the p
Town Field Poem:The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.——————————————————————————————————————————Code1 DOCTYPE HTML>2 HTML>3 Head>4 Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/>5 title>title>6 Scriptt
Clicking the left button at any point on the page will bounce out, in fact, with JS Control div layer display, div layer embedded set is a table, the table put the menu, so that the modification is convenient, not CSS does not matter, you can copy it down, with DW Open again modify the menu style, Change to your favorite color
The wants this article to help you with your JavaScript programming.
How do I add night mode features to Web pages? In fact, the so-called night mode is to add a transparent mask layer on the page, but the mask layer will block the page elements, the solution is to add Div, to the div outline property A large outline-width value, Use a outline border as a mask, so that you can click the page
javascript| Mouse | Web page
If you don't understand it, expect 1-2 weeks to finish it .... Do not look too carefully, and then see the back when you do not know how to look at these things better.
1. Foreword and preparatory work
There is no introduction to the use of software in a class of things. If you think the handwriting code is in the pretending person ca
Displays a layer where the mouse is clicked on a Web page for the user to select a location and to display the user's selected location in a text box. Mainly is the control layer's display, hides.
Copy Code code as follows:
Effect:
This case can also be modified to use on the Web page where the
Town Field Poem:The Pure Heart sentiment wisdom language, does not have the world name and the benefit. Learn water under the hundred rivers, give up arrogant slow meaning.Learn to have a small return to feed root, willing to cast a conscience blog. Sincere in this writing experience, willing to see the text to inspire.——————————————————————————————————————————Code1 DOCTYPE HTML>2 HTML>3 Head>4 Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/>5 title>title>6 Scriptt
JavaScript has three ways to write Web pages:1. Write onmouseover onmouseout onclick onkeydown onkeypress in event-handling form on the label.OnSubmit onchange onload2. In the head tag3, JS code written in a separate file, in the use of the net Heade tagsThree ways JavaScript is written on a Web
Just touch JavaScript in the date built-in objects, thought these methods are too simple, the result of their own actual operation to write a clock effect is really the moment I got stuck, there are a few points to pay attention to. First look at the actual effectTo achieve such an effectA certain day of the week, a few days, a few seconds.Look at the code effect firstWindow.onload=function () {Showdate ();Countdown ();}function Showdate () {var mydat
This article illustrates the effect of javascript+css to realize the menu of the side-side web page of The Imitation Day cat. Share to everyone for your reference. Specifically as follows:
This is a copy of their own imitation of the cat's menu effect, two-level classification of the function has been achieved, but there is no landscaping, keep friends with thei
The example of this article for everyone to share the Web page version of the calendar code for your reference, the specific contents are as follows
Effect Chart:
Implementation code:
The above is the entire content of this article, I hope you can easily implement the Web version of the calendar.
The first step is to save the Web page as a canvas canvas, with the help of the Html2canvas library, http://html2canvas.hertzen.com/
Html2canvas (document.getElementById ("Id1"), {
onrendered:function (canvas) {
document.getElementById ("Id2 "). AppendChild (Canvas)//What to do after generating the canvas, of course, it can be opened in the new tab, displayed in the floating layer, etc.
},
canva
This article mainly introduces the method of JS-defined web page form submission (submit). The example shows how javascript implements form submission to execute user-defined functions, which has some reference value, for more information about how to define a webpage form submission (submit) in JS, see the example in this article. Share it with you for your refe
JavaScript copy content to Clipboard/page Copy button implementation: Demo belowDOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">title>Copy Content to Clipboardtitle>Script>functioncopy () {document.getElementById ("content"). Select ();//Select the content to copy, here with the input tag can, with the DIV tag does not, it is estimated that only the form label, specifically not testedDocument: ExecCommand ("Cop
The following JS code obtains all the hyperlinks in the Web page through Document.links, and then gets the id attribute of the first link.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21-22
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.