Doubke marquee div by JavaScript

I want to create a code like including two div
First div will lunch by marquee style left to right 300px when a person click on open then I want to open menus inside div with marquee style.
I want menus will appear after 5 second of first div appearance. I create the code but I cant set up the delaying of menu
I mean all contents are starting at one time

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html>

<head><style>body{background-color:black; color:white;}.cdv{background-color:gray; width:200px; height:40px; font-size:20px; border-bottom:1px outset red; border-bottom-right-radius:2em; padding:5px 10px 0px;}

.csv{width:300px; height:30px; font-size:10px; padding:10px 0px 0px;}</style>

<meta charset="ISO-8859-1">

<script type="text/

javascript">

function expandCollapse(showHide) {

var hideShowDiv =document.getElementById(showHide);

var label =

document.getElementById("expand");

if (hideShowDiv.style.display =='none') {

label.innerHTML= label.innerHTML.replace("[+]", "[-]");

hideShowDiv.style.display = 'block';} else {

label.innerHTML= label.innerHTML.replace("[-]", "[+]");

hideShowDiv.style.display = 'none';

}

}

</script>

<title>Expand collapse

sample</title>

</head>

<body>

<div>

<div style="background-color:black; width:100px; height:20px; padding:0px 0px 0px; color:aqua;" onclick="expandCollapse('showHide

');" id="expand">[+]Open Tray 

</div>

</div>

<div id="showHide"

style="display: none; height:0px;">

<marquee behavior="slide" direction="right" scrollamount="5" loop="1"><div style="height:600px; border-right:3px solid red; border-top:1px solid red; border-bottom:18px inset red; width:200px; background-color:white; border-bottom-right-radiis:2em; border-top-right-radius:2em; "><marquee behavior="slide" direction="right" scrollamount="5" loop="1"><div class="cdv">Hello</div></marquee><hr color="red" align="center" width="150"><a href="onclick.html"><div class="csv"><b>Onclick</b></div></a></marquee></div>

</div>

</body>

</html>

<div style=""><b>Top content should go through into this <hr/></b></div>
 
</body>

</html>
 
<!DOCTYPE html>

<html>

<body>
 
<p>Click "Try it". Wait 3 seconds. The page will alert "Hello".</p>
 
<button onclick="setTimeout(function(){alert('Hello')},3000);">

Try it</button>
 
</body>

</html>

Jan 29 '15 #1

Subscribe Post Reply

1128

Similar topics

Marquee and jScript

by: Nadim Attari | last post by:

Hi, Can i dynamically change the direction (through javaScript) of a marquee ??? E.g.: === <marquee id = 'newsScroll' name = 'newsScroll' direction = 'down' scrollamount = '1' scrolldelay =...

Javascript

marquee en javascript

by: Rebecca | last post by:

Hello everybody, Since a few years I'm fooling around a little bit trýing to make a website for my husbands' oldmobils. One of the idea's is to let a car 'drive' through the screen, make it 'drive...

Javascript

Marquee

by: Sketcher | last post by:

Hi all, I am looking to add the following scrolling marquee to my website (see code below) However instead of using the marquee methods I want to use and as a person rests their mouse on...

Javascript

Javascript News Scroller

by: Mars | last post by:

I'm looking for a javascipt vertical news scroller that will scroll from the bottom of the page to the top showing many new items. Would really appreciate some help. The scroller I'm using at...

Javascript

Javascript within another Javascript Instance

by: CartmanCreative | last post by:

I am totally new to Javascript, and would desperately like some help. I have downloaded a Javascript Text Scroller that uses DHTML to scroll text up and down. There are other Java scrollers that do...

Javascript

Display automatic scrolling marquee; give options to start, stop and reset marquee

by: praclarush | last post by:

Ok, I'm new to JavaScript and I'm taking a class for it the assignment in it I'm supposed to create edit a pre-made page to display a marquee that automatically scrolls for the user, as well as give...

Javascript

Having trouble getting marquee to work: getting Object Required errors

by: ced69 | last post by:

having trouble getting marquee to work get object required errors tring t <title>This Month at the Chamberlain Civic Center</title> <link href="styles.css" rel="stylesheet"...

Javascript

Help with a marquee.

by: Rajneesh Chellapilla | last post by:

Hi I made this marquee program however, I am having trouble getting all four marquees to line up correctly. Basically I want the the 4 marquees to line up on the four sides exactly so they intersect....

Javascript

HTML link updates value for javascript

by: risk32 | last post by:

Hi all, I have a quick question. I'm using Uncle Jim's vertical scrolling text script from http://jdstiles.com and I'm trying to modify it to suit my needs. I'm not sure if this can be done, but...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++