ホームページ >ウェブフロントエンド >htmlチュートリアル >右下隅の画像ポップアップ広告に似た外部 JS コードを探しています_html/css_WEB-ITnose
右下隅の画像ポップアップ広告に似た外部 JS コードを探しています_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:12:081718ブラウズ
右下隅の画像ポップアップ広告と同様の外部 JS コード ファイルを探しています
ブラウザーが大きいか小さいかに関係なく、右下隅に画像がポップアップ表示されます。 Web ページのドロップダウン ボックスの右下隅は、クリックされてもされなくても変化しません
そして、外部の JS コードを呼び出すことができます。.wma 音楽ファイルは自動的に音楽を開きます
1fa595f3bdc12da98197ccceabc043972cacc6d41bbb37262a98f745aa00fbf0
このように、ウェブページ上の外部 js ファイルを参照します
上の図と同様の
ネチズンを助けてください、ありがとう!
ディスカッション（解決策）への返信
助けてください、ありがとう！
助けてください！
http://js.alixixi.com/a/2010092765138.shtml
私が欲しいのは、呼び出すことができるjsファイルです！ HTML コードではありません
画像を常に右下隅にポップアップさせたいのですが、ドロップダウン ボックスをクリックしても、画像の位置は変わりません。
教えてください！
3d34c108ace102fae407d972378b3621
ab58f0ac2cac87fe0350f9bbbdac2ffc
b2386ffb911b14667cb8f0f91ea547a7js アニメーション表示レイヤー6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
#logo{
width:200px;
height:200px;
border:1px Solid #666;
位置: 固定;
下部:-200px;
531ac245ce3e4fe3d50054a55f265927 ">
var timeout;//Timer object
// call実行回数を減らすメソッド
function logoAction(direction,sh){
var cm = 5;// 1回当たりどのくらいの距離を減らすか
var logoDiv = ( navigator.appName).indexOf("Microsoft")!=-1 ?
document.styleSheets[0].rules[0]:
document.styleSheets[0].cssRules[0];// ロゴを取得しますstyle
var height = parseInt(logoDiv.style.height,10)//DIV の高さを取得します
var marBottom = parseInt(logoDiv.style[direction],10);
if(sh == 'show'){
if(marBottom > ; 0){//移動距離がdiv高さより大きい場合は実行を停止
clearInterval(timeout);//クリアタイミング
}else{
logoDiv.style.marginBottom = marBottom + cm+"px"; //いつでもどこまで下に移動するか
}
}else if(sh == 'hide') {
if(marBottom < -height){//移動距離が div の高さよりも大きい場合は実行を停止します
clearInterval(timeout);// タイミングをクリア
}else{
logoDiv.style[direction] = marBottom - cm+"px";//毎回どのくらいの距離を歩きますか
}
}
}
//ループを実行するメソッド Hide
function hide() {
var loopTime = 100;//ループが消える時間
timeout = setInterval("logoAction('marginBottom','hide')",loopTime); //ループを実行するメソッド Display
function show() {
timeout = setInterval("logoAction('marginBottom','show')",50);
}
// ドキュメントが読み込まれた後、実行は徐々に非表示になります
window.onload = function(){
setTimeout("show()",1);
2cacc6d41bbb37262a98f745aa00fbf0
cbc4fe4dd76c2a2373c1770b3909bd7a aaaec57be488fbec691956b0f008539aa731f8bc68cea787037fc49fbe160a69
さあ、ベイビー、このイベントプログラムは純粋な 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>