Rumah > hujung hadapan web > html tutorial > 求一段外部js代码,类似右下角图片弹窗广告_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:12:08
asal
1714 orang telah melayarinya

求一段外部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"> 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>
Salin selepas log masuk

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan