recherche

Maison >interface Web >tutoriel HTML >求一段外部js代码，类似右下角图片弹窗广告_html/css_WEB-ITnose

求一段外部js代码，类似右下角图片弹窗广告_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:12:081718parcourir

求一段外部js代码文件，类似右下角图片弹窗广告
右下角弹出的一个图片无论浏览器是大是小无论是否点击网页下拉框右下角的图片位置都不变
并且外部js代码可以调用.wma音乐文件自动打开音乐
<script></script>
像这样，在网页引用外部js文件


类似上面这个图片

请网友帮忙，谢谢！


回复讨论(解决方案)

请各位帮忙，谢谢您！

请帮忙！

http://js.alixixi.com/a/2010092765138.shtml

我要的是可以调用的js文件啊！ 不是html代码

我像让图片一直在右下角弹出，无论怎么点击下拉框图片位置都不变！

请告诉我！

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



js动画显示层

<script> <br /> var timeout;//定时器对象 <br /> //减少次数的方法供execute调用 <br /> function logoAction(direction,sh){ <br /> var cm = 5;//每次减少多少距离 <br /> var logoDiv = (navigator.appName).indexOf("Microsoft")!=-1 ? <br /> document.styleSheets[0].rules[0]: <br /> document.styleSheets[0].cssRules[0];//取得logo的样式 <br /> var height = parseInt(logoDiv.style.height,10)//得到DIV的高度 <br /> var marBottom = parseInt(logoDiv.style[direction],10); <br /> if(sh == 'show'){ <br /> if(marBottom > 0){//当移动距离大于div高度的时候就停止执行 <br /> clearInterval(timeout);//清除定时 <br /> }else{ <br /> logoDiv.style.marginBottom = marBottom + cm+"px";//每次想下走多少距离 <br /> } <br /> }else if(sh == 'hide') { <br /> if(marBottom < -height){//当移动距离大于div高度的时候就停止执行 <br /> clearInterval(timeout);//清除定时 <br /> }else{ <br /> logoDiv.style[direction] = marBottom - cm+"px";//每次想下走多少距离 <br /> } <br /> } <br /> } <br /> //执行循环的方法 隐藏 <br /> function hide() { <br /> var loopTime = 100;//循环消失的时间 <br /> timeout = setInterval("logoAction('marginBottom','hide')",loopTime); <br /> } <br /> //执行循环的方法 显示 <br /> function show() { <br /> timeout = setInterval("logoAction('marginBottom','show')",50); <br /> } <br /> //文档加载完成过后执行渐渐隐藏 <br /> window.onload = function(){ <br /> setTimeout("hide()",8000); <br /> setTimeout("show()",1); <br /> } <br /> </script>

















来吧 baby这个纯js写的  事件冲忙，其实jquery更简单。自动出现，几秒钟后自动隐藏

不明白可以加 我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>

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：html5中的iframe标签如何去除垂直方向滚动条？_html/css_WEB-ITnoseArticle suivant：如何不让body内的某个div继承body的CSS样式？_html/css_WEB-ITnose

Articles Liés

Voir plus