求一段外部js代码，类似右下角图片弹窗广告_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 12:12:081722瀏覽
求一段外部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">
<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> 陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn