Image RollOverRandom Image RotationText around image Leran how to write a small javascript that changes an image on mouseover. Image rollovers are implemented by creating two images for the same button. The first image is that which you want displayed when the mouse is not hovering over it.The second image is the graphic you want…
Javascript Statusbar Tips:
Home >> Tutorials >> Javascript tutorials Default status changing message Flashing text Typing text scrolling text Type in & Scrollout Link description Hide status message Statusbar is the bar at the bottom of your browser window. JavaScript programs can be used to write messages to the statusbar. Default statusDo you want to put a message in the status bar…
Hide Status bar message
Default status changing message Flashing text Typing text scrolling text Type in & Scrollout Link description If you want to hide the status bar message from appearing when the mouse moves over certain links, add the following into the <head> section of your page: Click here if you want to disable this message for ALL links in…
remove underlines from my links
Home >> Tutorials >> Javascript tutorials Links: Link Underline Remover Changing Linkcolor Giving link message on a layer Reloading current page loading page on mouseover Viewing Source Code How do I remove underlines from my links?By default, every link got underline. But We can use the text-decoration property to remove the underlines. By default, the browser will set the text-decoration…
Bring text around the image
Image RollOverRotate Images In this fig1 look how the text is displayed.In this fig2 take a look at how this text goes around the image.In fig1 i used the following code. <img src=”imagename.gif” width=”68″ height=”50″ >Type your text here. Then the text start after the image.In fig2 put, align=”left” in your image tag. Then follow your image tag with your…
Creating Inline Frames:
Creating framelinking to another frameBreaking out of framespage opens in same framepage opens in new windowloading multiple framesForms in framesback and forward in multiple framesPopup window and frameiFrame Inline Frames are a great implementation of the frames idea. This allows you to open complete separate pages in the middle of your writing. IE3 and above and…
Creating html Frames:
Home >> Tutorials >> Javascript tutorials Creating frame linking to another frame Breaking out of frames page opens in same frame page opens in new window loading multiple frames Forms in frames back and forward in multiple frames Popup window and frame iFrame What is a frame?Frames allow you to split the browser window into multiple windows that can…
HTML Text Formatting:
Skipping to next lineInserting horizontal line Creating paragraph Text in formatted wayText in BOLDText in ItalicsTeletype TextUnderlineSmall and BIG fontSuperscript & subscriptStrikethrough textBlinking TextHeadingFont tagsCenter tagSkip text to next lineHTML documents will not recognize the white space and line breaks. By entering <br> in the middle of text skips the proceeding text to the start of the next line.HTML…
Javasript Windows examples:
Home >> Tutorials >> Javascript tutorials opening new window closing new window creating full window closing main window scrolling up window Browser checking Page forwading Popup window examples Shaking window Creating /Opening a new windowQ: How do I open a new browser window?A: By using the window.open() method, you can open a new browser window.The following script opens a new window…
Javascript – Shaking the window
Home >> Tutorials >> Advanced javascript tutorialsUsing JavaScript you can easily accomplish the window shaking effect. The movement is done through javascript:window.moveBy(x, y) function. moveBy() is a window method. It takes two parameters, which are the x and y displacement from the current window position. For example, when you pass the mouse over the following link this page will…