右下隅の画像ポップアップ広告に似た外部 JS コードを探しています_html/css

右下隅の画像ポップアップ広告に似た外部 JS コードを探しています_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:12:08

オリジナル

1716 人が閲覧しました

右下隅の画像ポップアップ広告と同様の外部 JS コードファイルを探しています
ブラウザーが大きいか小さいかに関係なく、右下隅に画像がポップアップ表示されます。 Web ページのドロップダウンボックスの右下隅は、クリックされてもされなくても変化しません
そして、外部の JS コードを呼び出すことができます。.wma 音楽ファイルは自動的に音楽を開きます

このように、ウェブページ上の外部 js ファイルを参照します

上の図と同様の

ネチズンを助けてください、ありがとう!

ディスカッション（解決策）への返信

助けてください、ありがとう！

助けてください！

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

私が欲しいのは、呼び出すことができるjsファイルです！ HTML コードではありません

画像を常に右下隅にポップアップさせたいのですが、ドロップダウンボックスをクリックしても、画像の位置は変わりません。

教えてください！

js アニメーション表示レイヤー
">
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);

<ボディ>

さあ、ベイビー、このイベントプログラムは純粋な 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>

ログイン後にコピー