PIXNET Logo登入

跳到主文

部落格全站分類:心情日記

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 23 週日 200705:28
  • 圍圈圈游標(一)


語法說明:  在 var images='圖檔連結網址'; 中修改欲使用的圖檔連結網址 在 var amount=7; 中修改圖檔出現的數量   <!--圍圈圈游標_開始-->
<script language="JavaScript">
<!--
var images='圖檔連結網址';
var amount=7; 
var speed=1;
var RunTime = 0;
var cntr=0;
var xcntr=100;
var pulse=25;
var Xpos = 0;
var Ypos = 0;
var _y;
var temp;
var UpDown=-10;
var LeftRight=-5;
if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');
document.write('</div>');
document.write('</div>');
function FollowMouse(){
Xpos = document.body.scrollLeft+event.x+UpDown;
Ypos = document.body.scrollTop+event.y+LeftRight;
}
document.onmousemove = FollowMouse;
}
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function xFollowMouse(evnt){
Xpos = evnt.pageX+UpDown;
Ypos = evnt.pageY+LeftRight;
}
window.onMouseMove = xFollowMouse;
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");
}
function msi(){
if (document.layers){
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[0].visibility='show';
document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
document.layers[0].left =Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].visibility='show';
 document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
 document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
 document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}
else if (document.all){
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[0].style.visibility='visible';
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.visibility='visible';
ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}
if (RunTime>210)
{
xcntr-=10;
}
if (document.layers)
_y=-window.innerWidth-90;
else if (document.all)
_y=-document.body.clientWidth-90;
if (xcntr <= _y)
{
RunTime=0;
speed=1;
cntr=0;
xcntr=100;
}
}
msi()
-->
</script>
<!--圍圈圈游標_結束-->
(繼續閱讀...)
文章標籤

nicole 發表在 痞客邦 留言(0) 人氣(37)

  • 個人分類:圍圈圈游標
▲top
  • 9月 23 週日 200705:26
  • 圍圈圈游標(二)


語法說明:  在 var images='圖檔連結網址'; 中修改欲使用的圖檔連結網址  在 var amount=7; 中修改圖檔出現的數量 <!--圍圈圈游標_開始-->
<script language="JavaScript">
<!--
var images='圖檔連結網址';
var amount=7;
var cnter=70;
var step;
var currStep = 0;
var Xpos = 0;
var Ypos = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')
function MsieMouseFollow(){
 Xpos = document.body.scrollLeft+event.x-5;
 Ypos = document.body.scrollTop+event.y-5;
 }
 document.onmousemove = MsieMouseFollow;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");
function NsMouseFollow(evnt){
 Xpos = evnt.pageX-5;
 Ypos = evnt.pageY-5;
 }
 window.onMouseMove = NsMouseFollow;
}
function Swirl(){
if (currStep<0.0550)
step=0.001;
if (document.all)
{
 for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
 }
}
else if (document.layers)
{
 for ( i = 0 ; i < ns ; i++ )
 {
  var temp="n"+i
  document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
  document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
 }
}
currStep += step;
setTimeout("Swirl()", 10);
if (currStep>0.0540)
{
step+=0.002;
if (document.layers)
{
 for ( i = 0 ; i < ns ; i++ )
 {
var temp="n"+i
document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)
document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
 }
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
 }
}
}
if (step > 0.5)
{
step=0.5;
cnter-=8;
}
if (document.layers)
_y=-window.innerWidth;
else if (document.all)
_y=-document.body.clientWidth;
if (cnter <= _y)
{
currStep=0;
step=0.001;
cnter=70;
}
}
Swirl();
-->
</script>
<!--圍圈圈游標_結束-->
(繼續閱讀...)
文章標籤

nicole 發表在 痞客邦 留言(0) 人氣(42)

  • 個人分類:圍圈圈游標
▲top
1

▪ ▫ ° 我の寶貝三千金 ♡〃

▪ ▫ ° 幸福の咪咪 ♡〃

▪ ▫ ° 追求完美の事物 ♡〃

▪ ▫ ° 遇見幸福 ♡〃

nicole
暱稱:
nicole
分類:
心情日記
好友:
累積中
地區:

▪ ▫ ° 文章の分類 ♡〃

toggle ° ▪ ▫ 教學 ▫ ▪ ° (4)
  • 國外網站Macy's購買Britax Boulevard (1)
  • 「Paypal」提領 (1)
  • 國外網站Amazon購買BEABA BABYCOOK (1)
  • 國外網站Macy's購買Britax Frontier (1)
toggle ° ▪ ▫ 烘培記 ▫ ▪ ° (7)
  • ◆麵包食譜◆ (10)
  • ◆蛋糕食譜◆ (5)
  • ◆饅頭食譜◆ (1)
  • ◆餅乾食譜◆ (2)
  • ◆中式點心食譜◆ (2)
  • 麵包機の小P密碼 (3)
  • 認識麵團與整形方法 (6)
toggle ° ▪ ▫ 二位耍寶妹 ▫ ▪ ° (1)
  • ╭。☆ Happy days ☆。╮ (3)
toggle ° ▪ ▫ 意涵hana日記 ▫ ▪ ° (5)
  • 肚子裡のhana (3)
  • hanaの影片 (2)
  • hanaのLife (5)
  • hanaの食譜 (1)
  • hanaのBeaba Babycook工具 (3)
toggle ° ▪ ▫ 雨柔nina日記 ▫ ▪ ° (1)
  • ninaのLife (4)
toggle ° ▪ ▫ 喜 ▫ ▪ ° (1)
  • ° ▪ ▫ 喜 ▫ ▪ ° (23)
toggle ° ▪ ▫ 怒 ▫ ▪ ° (1)
  • ° ▪ ▫ 怒 ▫ ▪ ° (8)
toggle ° ▪ ▫ 哀 ▫ ▪ ° (1)
  • ° ▪ ▫ 哀 ▫ ▪ ° (23)
toggle ° ▪ ▫ 樂 ▫ ▪ ° (1)
  • ° ▪ ▫ 樂 ▫ ▪ ° (4)
toggle ° ▪ ▫ 不會分類の心情 ▫ ▪ ° (1)
  • ° ▪ ▫ 不會分類の心情 ▫ ▪ ° (18)
toggle ° ▪ ▫ 月子餐試吃 ▫ ▪ ° (7)
  • 彌月蛋糕試吃 (1)
  • ◇月子餐試吃◇陳媽媽 (1)
  • ◇月子餐試吃◇好婆婆 (1)
  • ◇月子餐試吃◇決定 (1)
  • ◇月子餐試吃◇荷風 (1)
  • ◇月子餐試吃◇紫金堂 (1)
  • ◇尋找月子餐◇ (1)
toggle ° ▪ ▫ 我の電腦小幫手 ▫ ▪ ° (2)
  • 製作網路の好東西 (6)
  • 知識++ (1)
toggle ° ▪ ▫ 就是愛分享to you ▫ ▪ ° (6)
  • 【影片】 (3)
  • 旅遊記事 (1)
  • 好用軟體 (4)
  • 文章分享 (16)
  • 感人故事 (1)
  • 心理測驗 (18)
toggle ☞分享語法須知 (1)
  • 本Biog語法教學 (1)
toggle ☞連結特效 (5)
  • 文字連結跑馬燈+指停 (1)
  • 上下滾動選單 (1)
  • 連結按鈕 (2)
  • 下拉式連結表單 (2)
  • 隱藏式連結選單 (1)
toggle ☞圖片特效 (11)
  • 圖檔切換 (1)
  • 顫抖圖片 (1)
  • 可移圖示 (1)
  • 指圖片變亮連結 (1)
  • 變換圖檔 (1)
  • 圖片變形 (1)
  • 圖示霧化 (1)
  • 圖案漸漸出現 (1)
  • 圖形選單 (1)
  • 水中倒影圖 (1)
  • 圖片淡化 (1)
toggle ☞文字特效 (31)
  • 發光字體 (1)
  • 水中倒影 (1)
  • 夢幻跑馬燈 (1)
  • 漸層文字 (1)
  • 背景圖跑馬燈 (1)
  • 彩虹文字 (2)
  • 立體變色文字 (1)
  • 星光閃閃文字 (1)
  • 噴霧文字 (1)
  • 立體文字 (1)
  • 發光打字效果 (1)
  • 霓虹跑馬燈 (1)
  • 陰影文字 (1)
  • 亂飄文字 (1)
  • 迎面而來的文字 (1)
  • 忽遠忽近的文字 (1)
  • 百葉窗文字 (1)
  • 欄位式捲動字 (1)
  • 點不到的文字 (1)
  • 跳動重疊文字 (1)
  • 飛入式文字 (1)
  • 打字式文字 (1)
  • 文字逐字飛入 (1)
  • 文字逐字掉落 (1)
  • 波浪文字 (4)
  • 可移文字 (1)
  • 燈光打字 (1)
  • 霹靂燈文字 (1)
  • 火焰文字 (1)
  • 霓虹文字 (2)
  • 變色文字 (2)
toggle ☞視窗特效 (25)
  • 上下開啟視窗 (1)
  • 左右開啟視窗 (1)
  • 四方開啟視窗 (1)
  • 離開網頁跳出視窗 (1)
  • 瀏覽時間限制 (1)
  • 垂直開啟視窗 (1)
  • 水平開啟視窗 (1)
  • 邊框變色 (2)
  • 無工具視窗 (1)
  • 拉動捲軸變色 (1)
  • 自定捲軸顏色 (1)
  • 自動捲軸 (2)
  • 關閉視窗按鈕 (1)
  • 互動視窗 (1)
  • 退出顯示光臨時間 (1)
  • 說明視窗 (1)
  • 全螢幕視窗按鈕 (1)
  • 加入最愛按鈕 (1)
  • 設定首頁按鈕 (1)
  • 開啟+離開問候訊息 (1)
  • 自動重新整理 (1)
  • 網頁邊界顏色 (2)
  • 自動轉址 (1)
  • 告別視窗 (1)
  • 歡迎視窗 (1)
toggle ☞背景特效 (16)
  • 緩緩飄落的圖案 (2)
  • 雨滴背景 (1)
  • 星空背景 (1)
  • 星花乍現 (1)
  • 流星雨 (1)
  • 選單式背景圖 (1)
  • 背景圖片擴散 (1)
  • 雪花背景 (2)
  • 煙火背景 (2)
  • 緩緩上升的圖案 (1)
  • 彗星光圈背景 (1)
  • 漸漸消失 (1)
  • 宇宙星空 (1)
  • 魚兒水中游 (1)
  • 流動背景 (2)
  • 隨機背景 (1)
toggle ☞滑鼠特效 (11)
  • 防止複製 (6)
  • 右鍵開啟連結選單 (1)
  • 右鍵加入最愛 (1)
  • 文字游標 (9)
  • 星點游標 (6)
  • 三色游標 (2)
  • 攻擊游標 (2)
  • 時鐘游標 (4)
  • 自訂圖案+游標 (3)
  • 圍圈圈游標 (2)
  • 其他游標 (12)
  • 未分類文章 (1)

▪ ▫ ° 最新の文章 ♡〃

  • 【蛋糕食譜】黃金棉花蛋糕
  • 【蛋糕食譜】巧克力戚風蛋糕
  • 【麵包食譜】乳酪麵包
  • 【麵包食譜】菠蘿布丁麵包
  • 【麵包食譜】帕瑪森香蒜軟法(香蒜麵包)
  • 【饅頭食譜】黑糖葡萄乾饅頭~
  • 【餅乾食譜】入口即化的蛋黃小饅頭餅乾~
  • 【餅乾食譜】杏仁瓦片~
  • 【中式點心食譜】糖鼓燒餅~
  • 【蛋糕食譜】檸檬雪霜蛋糕 →(老奶奶檸檬蛋糕)

▪ ▫ ° Facebook 粉絲專頁 ♡〃

▪ ▫ ° my Facebook ♡〃

▪ ▫ ° 戲谷金幣買賣補給站 ♡〃

文章精選

▪ ▫ ° 熱門文章♡〃

  • (3,610)最近愛上製作影片~最新的"會聲會影 X4 高清視頻編輯軟件"有夠酷!!!
  • (144)簡易連結按鈕
  • (110)從你的生日看出你的性格及脾氣! (很詳盡的)
  • (82)霓虹跑馬燈
  • (65)雪花背景(二)
  • (62)測驗你是不是能看透情人的心思
  • (52)隨游標移動的字(三)
  • (44)[分享] 離婚酒店~感人的帳單!
  • (41)宇宙星空三D背景
  • (26)測驗你腳踏兩條船的能耐

▪ ▫ ° 最新の迴響 ♡〃

  • [22/04/25] 訪客 於文章「【麵包機】小P密碼---水合法30(5)...」留言:
    回饋您這方面資訊,我是從 PTT搜尋引擎的排名,看...
  • [18/05/10] s343521 於文章「【蛋糕食譜】黃金棉花蛋糕...」留言:
    f08iQgzV91:1大牌專賣,全部商品貨到付款,諮詢訂購...
  • [17/08/08] Mark 於文章「【教學】如何在國外購物網站MACY'S購...」留言:
    板媽您好,我跟著您的步驟很開心在梅西下單成功了^_^接著申請...
  • [16/12/08] 粼粼 於文章「【教學】如何在國外購物網站Amazon購...」留言:
    請問電壓跟台灣是相同的嗎? 謝謝!...
  • [16/11/06] 婷 於文章「BEABA BABYCOOK嬰兒副食品調...」留言:
    請問這台可以把肉攪碎嗎?還是這台只能用蔬果呢?...
  • [16/07/10] 訪客 於文章「facebook提供帳號永久刪除的服務~...」留言:
    我要把多帳號刪除...
  • [16/06/23] Naomi Ru 於文章「【麵包食譜】帕瑪森香蒜軟法(香蒜麵包)...」留言:
    看起來就好相好美味喔~...
  • [16/04/29] 胖胖 於文章「【教學】如何在國外購物網站MACY'S購...」留言:
    您好, 我在ebates註冊後連到macys買推車+搖籃式汽...
  • [16/04/01] nicole 於文章「【教學】如何在國外購物網站MACY'S購...」留言:
    謝謝彩色泡泡提供關稅大約的價錢,能成功幫助道你們訂購我也很開...
  • [16/03/12] 周琪琪 於文章「【教學】如何在國外購物網站Amazon購...」發表了一則私密留言

參觀人氣

  • 本日人氣:
  • 累積人氣:

▪ ▫ ° 文章搜尋 ♡〃

▪ ▫ ° 來來來唄 ♡〃

▪ ▫ ° 誰來我家 ♡〃

▪ ▫ ° 我去誰家 ♡〃