إعلانات مقطعية جافا سكريبت، حزمة إعلانية عائمة (IE، FF، Opera، Safari، Chrome)

شفرة:

رمز البرنامج
/*
المعلمة الأولى لاستدعاء إعلان المقطع هي المعرف، والمعلمة الثانية هي الصورة، والمعلمة الثالثة هي المسافة بين الإعلان والأعلى.
تمثل المعلمة الرابعة اليسار واليمين (يمثل صحيح اليسار، ويمثل خطأ اليمين)، وتمثل المعلمة الخامسة عرض إعلان المقطع.
*/
new float_ad("ad_l"،<img src='/u/info_img/2009-06/11/2009Cherry.gif' />"،50,true,64);
new float_ad("ad_r"،<img src='/u/info_img/2009-06/11/2009Cherry.gif' />"،50,false,64)

;
يمثل عنوان URL الموجود في المعلمة الأولى لاستدعاء الإعلان العائم عنوان URL لصورة الإعلان العائم (مطلوب)، ورابط عنوان URL للصفحة، ونص المطالبة بالصورة البديلة، وعرض الصورة (اختياري، افتراضي 120)، و ارتفاع الصورة (اختياري، الافتراضي 120)
تمثل المعلمة الثانية الموضع الأولي للإعلان العائم، والذي يتم تحديده بواسطة المعلمات اليسرى والأعلى. وتمثل المعلمة الثالثة السرعة العائمة 0 الثابتة.
*/
new move_ad({url:" /u/info_img/2009-06/11/2009Cherry.gif"، الرابط:"http://jzyouth.org.cn/html/zixun/zuixingonggao/2009327/zxgg47926848.html"،alt : "إشعار بتجنيد متطوعين لـ "مهرجان داليان الدولي للكرز في الصين لعام 2009"، العرض: 200، الارتفاع: 200}، {يسار: 40، أعلى: 160}، 20)؛

// الكود الأساسي
الدالة $(العنصر){
إذا (الوسائط. الطول> 1) {
for(var i=0,elements=[], length=arguments.length;i<length;i++)
Elements.push($(arguments[i]));
عناصر العودة
}
إذا (نوع العنصر = = "سلسلة")
إرجاع document.getElementById(element);
آخر
عنصر العودة
}
Function.prototype.bind=function(object){
طريقة فار = هذا؛
وظيفة الإرجاع (){
way.apply(object,arguments);
}
}
فاركلاس={
إنشاء: وظيفة () {
وظيفة الإرجاع (){
this.initialize.apply(this,arguments);
}
}
}
Object.extend=function(destination,resource){
ل(خاصية var في المورد){
الوجهة[الخاصية]=المورد[الخاصية];
}
وجهة العودة؛
}
// إعلان مزدوج http://www.knowsky.com/article.asp?typeid=36
var float_ad=Class.create();
float_ad.prototype={
التهيئة: الوظيفة (المعرف، المحتوى، الأعلى، اليسار، العرض) {
document.write('<div id='+id+' style="position:absolute;">'+content+'</div>');
this.id=$(id);
this.top=top;
إذا (!! اليسار) {
this.id.style.left="8px";
}آخر{
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
window.onresize=function(){
this.id.style.left=(document.documentElement.clientWidth-width-8)+"px";
}.bind(this);
}
this.id.style.top=top+"px";

this.interId=setInterval(this.scroll.bind(this),20);
},
التمرير: وظيفة () {
this.stmnStartPoint = parseInt(this.id.style.top, 10);
this.stmnEndPoint =document.documentElement.scrollTop+ this.top;
إذا (navigator.userAgent.indexOf("Chrome")>0){
this.stmnEndPoint=document.body.scrollTop+this.top;
}
إذا (this.stmnStartPoint!= this.stmnEndPoint) {
this.stmnScrollAmount = Math.ceil( Math.abs( this.stmnEndPoint - this.stmnStartPoint ) / 15 );
this.id.style.top = parseInt(this.id.style.top, 10) + ( ( this.stmnEndPoint<this.stmnStartPoint ) ? -this.stmnScrollAmount : this.stmnScrollAmount )+"px";
}
}
}
// فئة الإعلانات العائمة
var move_ad=Class.create();
move_ad.prototype={
تهيئة:وظيفة(imgOption,initPosition,تأخير){
this.imgOptions=Object.extend({url:""،link:""،alt:""،width:120,height:120},imgOption||{});
this.adPosition=Object.extend({left:40,top:120},initPosition||{});
this.delay =delay;
this.step = 1;
this.herizonFlag=true;
this.verticleFlag=true;
this.id="ad_move_sg";
var vHtmlString="<div id='"+this.id+"' style='position:absolute; left:"+this.adPosition.left+"px; top:"+this.adPosition.top+"px; width:" +this.imgOptions.width+"px;";
vHtmlString+=" height:"+this.imgOptions.height+"px; z-index:10;'><a href='"+this.imgOptions.link+"' target='_blank' title='"+this.imgOptions .alt+"'><img src='"+this.imgOptions.url+"' width='"+this.imgOptions.width+"' height='"+this.imgOptions.height+"' style='border:none; ' alt='"+this.imgOptions.alt+"' /></a></div>";
document.write(vHtmlString);
this.id=$(this.id);
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
this.id.onmouseover=this.stop.bind(this);
this.id.onmouseout=this.start.bind(this);
},
التمرير: وظيفة () {
فار L=T=0;
var B=document.documentElement.clientHeight-this.id.offsetHeight;
var R=document.documentElement.clientWidth-this.id.offsetWidth;
this.id.style.left=this.adPosition.left+document.documentElement.scrollLeft+"px";
this.id.style.top=this.adPosition.top+document.documentElement.scrollTop+"px";
this.adPosition.left =this.adPosition.left + this.step*(this.herizonFlag?1:-1);
if (this.adPosition.left < L) { this.herizonFlag = true; this.adPosition.left = L;}
if (this.adPosition.left > R){ this.herizonFlag = false; this.adPosition.left = R;}
this.adPosition.top =this.adPosition.top + this.step*(this.verticleFlag?1:-1);
if(this.adPosition.top <= T){ this.verticleFlag=true;
if(this.adPosition.top >= B){ this.verticleFlag=false;
},
توقف: وظيفة () {
ClearInterval(this.intervalId);
},
البداية: الوظيفة () {
this.intervalId=setInterval(this.scroll.bind(this),this.delay);
}
}