Home >Web Front-end >HTML Tutorial >Looking for a piece of external js code, similar to the picture pop-up advertisement in the lower right corner_html/css_WEB-ITnose
Looking for a piece of external js code, similar to the picture pop-up advertisement in the lower right corner_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:12:081720browse
Looking for an external js code file, similar to the picture pop-up advertisement in the lower right corner
No matter whether the browser is large or small, the position of the picture in the lower right corner of the drop-down box of the web page remains unchanged no matter whether the browser is large or small.
And the external js code can call the .wma music file to automatically open the music
72a06e9816e5eee1669f6aa96f3e5bf62cacc6d41bbb37262a98f745aa00fbf0
like In this way, the external js file is referenced on the web page
similar to the picture above
Please help netizens, thank you!
Reply to discussion (solution)
Please help, thank you!
Please help!
http://js.alixixi.com/a/2010092765138.shtml
What I want is a js file that can be called! It’s not html code
I want the image to pop up in the lower right corner all the time. No matter how I click the drop-down box, the image position remains unchanged!
Please tell me!
8d2c2a8eff5035fb68199fd4e653ca2c
68ccb177a5de0ef9542dde7d35bae727
93f0f5c25f18dab9d176bd4f6de5d30e
c81dfe2785f3609ed030a93dd4e32486
b2386ffb911b14667cb8f0f91ea547a7js animation display layer6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
# logo{
width:200px;
height:200px;
border:1px solid #666;
position:fixed;
right:0;
bottom:0;
margin-bottom:-200px;
background:#C9F;
}
531ac245ce3e4fe3d50054a55f265927
4ec11beb6c39d0703d1751d203c17053
var timeout;// Timer object
//Method to reduce the number of times for execute call
function logoAction(direction,sh){
var cm = 5;//How much distance to reduce each time
var logoDiv = (navigator. appName).indexOf("Microsoft")!=-1 ?
document.styleSheets[0].rules[0]:
document.styleSheets[0].cssRules[0];//Get the style of the logo
var height = parseInt(logoDiv.style.height,10)//Get the height of DIV
var marBottom = parseInt(logoDiv.style[direction],10);
if(sh == 'show '){
if(marBottom > 0){//Stop execution when the movement distance is greater than the div height
clearInterval(timeout);//Clear timing
}else{
logoDiv. style.marginBottom = marBottom cm "px";//How much distance do you want to walk each time
}
}else if(sh == 'hide') {
if(marBottom < -height){ //When the moving distance is greater than the div height, stop execution
clearInterval(timeout); // Clear timing
}else{
logoDiv.style[direction] = marBottom - cm "px";// How far do you want to walk each time?
}
}
}
//How to execute the loop Hide
function hide() {
var loopTime = 100; //The loop disappears Time
timeout = setInterval("logoAction('marginBottom','hide')",loopTime);
}
//Method to execute loop Display
function show() {
timeout = setInterval("logoAction('marginBottom','show')",50);
}
//The execution will gradually hide after the document is loaded
window.onload = function(){
setTimeout ("hide()",8000);
setTimeout("show()",1);
}
2cacc6d41bbb37262a98f745aa00fbf0
9c3bca370b5104690d9ef395f2c5f8d1
b057c220f6adab37970e8ee6371fd9eb16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
Come on, baby is written in pure js. In fact, jquery is simpler. Appear automatically and hide automatically after a few seconds
If you don’t understand, you can add me Q 945332077
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">//解决ie6.0 的bugfunction handingIE6(){ if($.browser.msie && $.browser.version=="6.0"){ $("#flowDiv").css({"position":"absolute","right":"10px","z-index":100}); //底部显示 var divBottom = $(window).scrollTop()+$(window).height()-$("#flowDiv").outerHeight(true)-10; $("#flowDiv").animate({top:divBottom},{duration: 400, queue: false }); }}$(function(){ //关闭按钮 $("#btnClose").click(function(){ $("#flowDiv").fadeOut("fast"); }); //左侧点击显示 $("#showFlow").click(function(){ $("#flowDiv").slideDown("slow"); }); //IE6.0 执行代码 if($.browser.msie && $.browser.version=="6.0"){ handingIE6(); $("#flowDiv").css("display","block"); }else{ $("#flowDiv").css({"position":"fixed","right":"10px","bottom":"10px","z-index":100}); $("#flowDiv").slideDown("slow"); } $(window).scroll(function(){handingIE6();}).resize(function(){handingIE6();});})</script><style type="text/css"> #flowDiv{ width:250px; overflow:hidden; border:solid 1px green; font-size:13px; display:none;} #flowTitle{padding:3px 5px; height:20px; line-height:20px; background:#FFDD55; border-bottom:solid 1px green; } #flowContent{height:100px; padding:5px; background:#E0F7FF;}</style></head><body><div id="flowDiv"> <div id="flowTitle"><span style="float:left">标题</span><span id="btnClose" style="float:right; cursor:pointer"> ｘ </span></div> <div id="flowContent">内容</div></div><p id="showFlow" style="height:1500px; padding:10px; width:17px; cursor:pointer; background:#99AFC4; te">点击显示弹出层</p></body></html>