If you want the nice slide animation effect with javascript. you can use following javascript. Here I am not using any third party javascript library for creating the slide effect.
For In page popup slide effect you can use following JavaScript code.
id="popup-container" style="height:200px;weight:200px;overflow: hidden; display: block; position: absolute; z-index: 1027;"> <a href="#" onclick="movead();" ><span>slide</span></a> </div>
and use the following javscript code in your document.
function movead(){
timerID = setInterval("mocontainer()", 50);
}
function mocontainer(){
var popup_element = document.getElementById('popup-container');
animate_moveit(popup_element,0,-5);
}
function animate_moveit(obj, x, y){
obj.style.left = parseInt(obj.style.left) + x +"px"
obj.style.top = parseInt(obj.style.top)+ y + "px"
}
For changing the slide direction change the values in following line and put in to the mocontainer function
animate_moveit(popup-element,-5,0); – this is for right to left
animate_moveit(popup-element,0,-5); – bottom to top
You can change that to as per need.
Incoming search terms:
- javascript popup effects
- website javascript popup slider
- sliding pop up javascript
- sliding effect for popups in javascript
- slider popup wordpress
- slider pop up javascript
- slide con pop up en wordpress
- open pop up slider javascript
- javascript slider pop up
- wordpress slide in popup
Pingback: Tweets that mention popup slide effect with only javascript | Developer Code book -- Topsy.com
that’s all cool js tips, thank you very much for sharing.
I, envy you. Your blog is much better under the maintenance and design than mine. Who to you the design did?
I liking Ones style guys
Good! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
I was just having a conversation over this I am glad I came across this it cleared some of the questions I had.
I would like to say “wow” what a inspiring post. This is really great. Keep doing what you’re doing!!
Of course, what a great site and informative posts, I will add backlink – bookmark this site? Regards, Reader
Great read. Thanks for the info!
Intriguing post. I have been searching for some good resources for solar panels and discovered your blog. Planning to bookmark this one!