همون صفحه رو view source كن كدش مشخص هست فقط در نظر داشته باش از هر متني بخواي استفاده كني بايد قبلش هر حرف اون رو به صورت يك تصوير transparent در بياري
اون قسمتي كه يك سري div تعريف كرده كه id هاش از dot0 شروع ميشه همون جايي هست كه بايد تصاويرت رو قرار بدي حالا هرچي كه باشه.
ضمنا متغير ndots تعداد كل عكسها رو معين ميكنه و مقادير deltat تا bounce هم براي مشخص كردن نحوه حركت عكسها و سرعت و ميزان پرش و ... است كه ميتوني بدلخواه عوضش كني
کد:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
<!-- Begin
function scrollit(seed) {
var m1 = "NEED A QUOTE?";
var m2 = "..... or maybe you need more information or a guiding hand";
var m3 = "......One of our friendly staff here at Solutions Central can help you . . . ";
var m4 = "So please don't hesitate to call us or send an email and we will attend to your needs a.s.a.p !!!";
var msg=m1+m2+m3+m4;
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scrollit(100)",75);
}
}
}
// End -->
//-->
</SCRIPT>
<STYLE type=TEXT/CSS>TD {
COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 8pt
}
A:link {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:visited {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:active {
COLOR: #FF9900; TEXT-DECORATION: none
}
A:hover {
COLOR: #FF9900
}
</STYLE>
</head>
<body bgcolor="#C0C0C0" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" text="#000000" link="#FFFFFF" alink="#FF9900">
<!--These images are part of a javascript, where the word "design" trails your cursor. -->
<!--Starts Here -->
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;; left: 17px"><img src="images/dot.gif" height=8 width=8 alt=""></div>
<div id="dot1" style="position: absolute; height: 10; width: 11;"><img src="01.gif" height=10 width=11 alt="d"></div>
<div id="dot2" style="position: absolute; height: 8; width: 11;"><img src="02.gif" height=8 width=11 alt="e"></div>
<div id="dot3" style="position: absolute; height: 8; width: 10;"><img src="03.gif" height=8 width=10 alt="s"></div>
<div id="dot4" style="position: absolute; height: 9; width: 4;"><img src="04.gif" height=9 width=4 alt="i"></div>
<div id="dot5" style="position: absolute; height: 9; width: 10;"><img src="05.gif" height=9 width=10 alt="g"></div>
<div id="dot6" style="position: absolute; height: 8; width: 10;"><img src="06.gif" height=8 width=10 alt="n"></div>
<!--Ends Here -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 3000);
}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// End -->
</script>
</body>
</html>
از لطف شما واقعا ممنونم - اين كه بگم قابلي نداره! يك تعارف هست ولي واقعيتش اينه كه 5 دقيقه هم وقت نگرفت و زحمتي هم نداشت - اعتقاد من بر اين است كه نه براي پرسيدن بايد خجالت كشيد و زير بار منت رفت و نه براي پاسخ دادن بايد توقع تشكر داشت (حداقل در اينگونه محيط ها)
سلام
ببين ياسمين. انگاري MAZOOLAGH بهت جواب داده ولي در هر حال دو تا سايت خيلي مشتي هست كه ميتوني همه جور كدي تووشون پيدا كني.
مثلا اين چيزي كه تو مي خواي mouse effect'e.
ايناهاش www.dynamicdrive.com http://javascript.internet.com
