الموضوع: هاك صورة شفافة تتحرك في محيط الصفحة مثل المودة

السلام عليكم ورحمة الله وبركاته

لعرض صورة شفافة أو عادية تتحرك في حدود الصفحة كما في المودة حاليا واذا لم تكن موجودة في المودة حاليا كمثال يمكن تجربتها من هنا :

نقره هنا للتجربة

التركيب :

(1) تجهيز الصورة كما تحب وارفعها لأي مكان في منتداك .

(2) نسخ الكود التالي ولصقه في آخر قالب الهيدر header مع تعديل رابط الصورة في بداية الكود والرابط المطلوب عرضه عند النقر على الصورة .

(3) لعمل صورة شفافة استخدم صورة من نوع png وفي برنامج تحرير الصور اجعل شفافيتها 1 أو 2 ثم حفظ .



[hide]

كود:

<!-- هاك خاص ـ صورة تتحرك في خلفية الصفحة -->
<div id="img" style="position:absolute;">
<img src="http://www.mwadah.com/pict/mwamove.png" onclick="window.open('http://www.mwadah.com/private.php?do=newpm&u=1', '_blank')">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Justin Arruda (JArruda@mindspring.com[/EMAIL"]JArruda@mindspring.com"]JArruda@mindspring.com[/EMAIL]) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com[/URL] -->
<!-- Begin
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var name = navigator.appName;
if(name == "Microsoft Internet Explorer") name = true;
else name = false;
var xPos = 20;
if(name) var yPos = document.body.clientHeight;
else var yPos = window.innerHeight;
function changePos() {
if(name) {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
}
else {
height = window.innerHeight;
width = window.innerWidth;
Hoffset = document.img.clip.height;
Woffset = document.img.clip.width;
document.img.pageY = yPos + window.pageYOffset;
document.img.pageX = xPos + window.pageXOffset;
}
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
if(name) img.visibility = "visible";
else document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
//  End -->
</script>
<!-- هاك خاص ـ صورة تتحرك في خلفية الصفحة -->

[/hide]


مع أجمل تحية معتادة .

0

اخوي ابو راشد

الله يعطيك العافيه ... وجاري التجربة

وعليكم السلام ورحمة الله وبركاته

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

مشكور كتير كتير

اخوي ابو راشد

الله يعطيك العافيه ... وجاري التجربة