JavaScript Tutorial

Modal Dialog Window

Submitted by marshallunduemi on
In this tutorial you can use the jqxWindow to direct a user’s attention to a particular activity in your application, such as entering data or viewing information. Consider using a jqxWindow when you want greater customization, you want to block the user interface outside the window, or when you want to retrieve a DialogResult and other data from the popup window.

Scroller In TextBox Using HTML JavaScript

Submitted by alpha_luna on

Good Day!!!

Today, we are going to learn Scroller In TextBox. This project that scrolls itself in a text box. You can use this project in your certain site to catch the attention of your users. This will serve as an alert message or an announcement for your users to easily notice the message.

Example:

.style_text { cursor: no-drop; border: 3px solid #7A81DE; }

Falling Text Effect Using HTML JavaScript

Submitted by alpha_luna on

Good Day!!!

Today, we are going to learn about falling text effect, using HTML JavaScript. This script adds a simple twist to your regular text on your page. It will randomly falling or dropping the content text individually before the next text. You can use it in your site for it to have a simple headlines falling text effect. In this work of script, every content is wrapped in a LI element of this work. All animation is provided by the CSS3.

Responsive Side Bar Menu Using HTML JavaScript

Submitted by alpha_luna on
In this tutorial, we are going to learn about simple responsive side bar menu using HTML JavaScript. This side bar is applicable to any gadgets. You can use it in your certain site. It can cover up an unending number of sub menus, thus , gives infinite contents. This responsive menu can also be used with mobile devices of smaller screens for all the sub menus can just be stacked in the main menu.

How To Make Flip Menu Using HTML JavaScript

Submitted by alpha_luna on
Flip Menu Sidebar creates a menu out of an ordinary HTML using list types. It has a one external .js file inside, the images used instead the default list bullets. And, if it has previously open file or a folder, it should be closed when the current file or folder is open. You can add more link in the Flip Menu as many as you wish. And, you can edit the style, or you can put some animation using CSS.

Directions:

First: Kindly copy the following code below to the HEAD section of your page.
  1. <style type="text/css">
  2.  
  3. a {
  4. color:blue;
  5. text-decoration:none;
  6. }
  7.  
  8. a:hover {
  9. color:red;
  10. }
  11.  
  12. </style>
  1. <script type="text/javascript" language="JavaScript" src="js/menu.js">
  2. </script>
Note: The above code requires to DOWNLOAD the sourcecode and the images. Just click the ("Download Code") below. For the image, download by right clicking each link below, and select "Save image as...". flip_closed flip_open flip_static