Princess Party

Princess Party - 網頁教學

主選單

網頁教學

可拖曳說明視窗

2008/05/21 (Wed)
  • 這是利用 div 來做出像視窗一樣可關閉,可拖曳,再加上一點透明化,不僅畫面漂亮,用來當做說明視窗或是更新紀錄都是不錯的選擇,效果也是一流的。當然,可移動的範圍僅限於同一框架內囉!

原始碼

設定方式

  • 【修改版面的方式】
     首先,當然要先改變表格的位置,範例中有三個視窗,分別對應 d1、d2、d3 三個名稱,請分別修改 Script 部分 CSS 第 5,6,7 行 left: xxxpx; top: yyypx; 的數值,即可變更其初始位置。

     因為這三個視窗預設成有透明化,若是想修改透明度,請同樣找出 CSS 第 5,6,7 行部分 alpha(opacity=85,style=0); -moz-opacity: 0.85; opacity: 0.85; 的數值,alpha(opacity=85,style=0); 為 IE 專用, -moz-opacity: 0.85; 為 Firefox 專用,opacity: 0.85; 則是 Safari 及 Opera 通用,數值越小表示表格越透明,若是不想使用透明,IE 的 alpha(opacity=85,style=0); 可設定為 100 , -moz-opacity: 0.85; 及 opacity: 0.85; 則改為 1 ,亦或是乾脆整行消除掉也可以。

     Html部分從 <div id="d1" class="drag"> 開始,一直到同一組的的 </div> 為止都是可以任意修改的部分,但需注意有一段 class="drag" 的資料,這段資料是重點,用來將特定物件設置為可拖曳,可依需求對任意物件加上此設定,都能達到拖曳的效果!

     小 Rei 在拖曳區中間加上 class="comment" 這串語法的設定,那個區塊在 Firefox 及 Opera 下會變為無法拖曳 (但在 IE 環境下還是可以)。

     語法中間有一段<a href="javascript: closeItem('d3');"><img src="parts/close.gif" alt="關閉" class="close" /></a>是用來做為關閉視窗的用途,可視個別需要選擇性加入,中間的名稱必須與要關閉的物件相對應如設為 d1 則 id="d1" 的物件會被關閉。

     最後,您可以另外自行加上 <a href="javascript: openItem('d1');">d1</a> 這樣的語法來做為關閉後的開啟之用,同關閉一樣需要對應特定的 id。

取材網站

相關回應

阿威

如果想一開始不顯示出來,要怎麼做

2012/07/19 (Thu)
  • 如果想一開始就不顯示出來,要按下才顯示,請問要怎麼修改?
  • Mail
  • Edit / Delete
     

阿誠

紙娃娃很好玩

2012/07/24 (Tue)

約妹加賴cc989

台灣性/福外約+LINE:cc989粉/嫩洞-洞等你插

2017/12/01 (Fri)
  • 台灣性/福外約+LINE:cc989粉/嫩洞-洞等你插
    恩~~恩~啊~啊~~想要~快點~用力點~^^
    想要+LINE:cc989【主頁看照約辣妹】
    性感辣妹外約+LINE:cc989【主頁看照約辣妹】
    【見本人滿意再現金消費喔】
    繁忙的工作之餘是否很想放鬆一下
    當你心情不好的時候是否需要一個貼心的女人給你精神和肉體的雙重安慰
    是否在慾望來臨之時找不到發洩的出口
    .你想當她的男友嗎
    想讓正妹用細嫩的雙手撫摸你全身上下
    挑動你感官神經ㄇ
    想讓正妹用滑嫩的舌尖挑逗吮吸你的蛋蛋
    刺激你的DDㄇ那就快點跟采緹聯絡吧
    ◆方便◇快速◇免受騙◇不轉帳◇不匯款◇不買點數卡◇現金交易◇
    ◇外送地點:性福外約【地點自選】旅館/飯店/商旅/住家
  • Mail
  • Edit / Delete
     

發表回應

您可以利用以下表單發表您對本篇的回應

  • 表情:            
紙娃娃設定

次選單

訪客人次

  • Total: 109744
  • Today: 02
  • Yesterday: 07

新作塗鴉

  • 兀兒德>_<兀兒德>_< by 兀兒德
    2009/09/12(Sat)12:00:38

最近迴響

  • 約妹加賴cc989: 台灣性/福外約+LINE:cc989粉/嫩洞-洞等你...
  • 台灣頂級打炮聖地**看照選妹: 大★台★灣★喝★茶+LINE:【tw5205】 ...
  • 香草: 香草本地純兼職加LINE:love58966 SK:wh...
  • 香草: 香草本地純兼職加LINE:love58966 SK:wh...
  • 麥莉: 台中.外.送.茶.LINE:clear258豐原.外.約....
  • 麥莉: 免費到府服務:台中市 西區.北區.中區.東...
  • 麥莉: 有氣氛@放鬆讓我們從身體開始 很溫柔唷~...
  • 志玲: 安唷 我是小鈴鐺 是一名新人GTO 每天重複...
  • 志玲: 安唷 我是小鈴鐺 是一名新人GTO 每天重複...
  • 志玲: 安唷 我是小鈴鐺 是一名新人GTO 每天重複...

素材版權

  • Princess PartyDesign: Rei
  • 幻想素材サイトFirst MoonSozai: 糸宇 睦月

標籤貼紙

  • Valid XHTML 1.0
  • Valid CSS 2.1
  • WCAG 1.0 Triple-A