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

WBOY
Release: 2016-06-24 12:12:08
Original
1716 people have browsed it

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

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!





js animation display layer


















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"> x </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>
Copy after login

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template