نقل قول:
نوشته اصلی توسط arman2000
سلام
چطور مي شه محدوده براي كد جاوايي مثل ريزش باران در نظر گرفت.
مثلا باران فقط داخل يك مربع با ابعاد معين در صفحه اجرا بشه نه كل صفحه؟
|
سلام
در این مورد من فقط استفاده از iframe یه نظرم میرسه
اما قطعا مساله بغرنجی نیست کسانی که کمی جاوا بلد باشند میتونن کمکتون کنن چون ساده به نظر میرسه
اول این کد رو ببینید
یکی از کاملترین کدهای بارش برف و باران و ستاره باران در صفحه وبلاگه که شما خودتونم میتونین تغییرات مورد نظرتونو درش بدید
کد HTML:
<script language=JavaScript>
var no = 10; // snow number
var speed = 12; // smaller number moves the snow faster
var snowflake = "http://www.imageox.com/image/198959-star04.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 400, doc_height = 500;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = 500;
doc_height = 500;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script>
شما این کد رو در یک صفحه html سیو کنید و سپس در صفحه ای جدا گانه از طریق iframe از این صفحه استفاده کنید
کد استفاده از یک صفحه در صفحه دیگه اینه :
<div align="left"><IFRAME border=2 name=dailytale marginWidth=2 marginHeight=2 src="Name_of_your_file.html" frameBorder=1 width=210 scrolling=no height=210><br />
</IFRAME></div><br />
به جای نیم آف یور فایل اسم فایل قبلی که کد بالا رو توش سیو کردید و آپلود کردید رو میدید
برای اینکه کادر مشخص نباشه اون یک رو به 0 تغییر بدید
به هر حال میتونین بادستکاری این 2 تا کد به هدفتون برسید