a:link,a:visited { text-decoration: none; color: pink } a:hover { text-decoration: underline } .bold { font-weight: bold } .altbg1 { background: #303030; font: 12px Tahoma, Verdana; } .altbg2 { background: #393939; font: 12px Tahoma, Verdana; } blockquote { margin-left:10px; margin-right:5px; border:#000000 dashed 1px; padding:5px; background-color:#393939} //blockquote { margin-left:20px; margin-right:20px; border:#000000 dashed 1px; padding:5px; background-color:#393939} .code { margin-left:20px; margin-right:20px; padding:5px; background-color:#393939} .clsResult { margin: 0; padding: 2px; } .clsResultTitle { font-size: 16px; font-weight: normal; text-decoration: underline; line-height:25px; margi:2px 0; color: YELLOW} .clsResultTitleNoBold { font-size: 12px; font-weight: bold; text-decoration: underline; line-height:normal; margi:2px 0; color: YELLOW} .clsResultDescription { font-size: 12px; line-height:normal; color: } .clsURL { font-size: 12px; line-height:25px; color: RED; text-decoration: underline; } .clsCell { padding: 2px; background: ; border: 1px solid RED; cursor:pointer; cursor:hand } .clsResultTitle a:hover {color:#f00} .clsResultTitleNoBold a:hover {color:#f00}
游客:   注冊 | 登錄 | 權限 | 幫助 | 萬年曆 | 捐助論壇 | 購物車
各位注意:為方便管理,由即日起, 所有做廣告者即時刪號,亂開主題及灌水者重扣分 站內搜尋
數據正在加載中...
各位請注意:在捐款時,填上金額後,請在備註欄也填上你的會員名,否則無法為即時你加分,如在捐款時忘記留下會員名, 請將捐款金額及單號及你的會員名,使用論壇短消息發給( yyhero18net )或電郵到yyhero18nethk@yahoo.com.hk核對, 詳情
YY是我家,努力靠大家。
 移到頁底
作者:
標題: [分享] div的按鈕示範} 上一主題 | 下一主題
會員: yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 1950173998
貢獻: 1032
發帖: 65535
注冊: 2005-4-27
狀態: 离線
性別: ( 男 Male )
贊助網站載入中...

#1 本貼發表於 2020-9-16 01:16 PM
標題: [分享] div的按鈕示範

贊助網站載入中...

贊助網站載入中...
原圖

注意:演示效果會因各瀏覽器的支援情況而有所不同,貼內一切的演示效果以原圖為準,謝謝。

div的按鈕示範
演示:模擬屏幕 320 x 200,若x4=1280注意:黃框是主素材div 沒設width height100。
按鈕3
按鈕1
按鈕2
按鈕4



真夠暈 div參數onclick居然在PHP演示中失效
難道參數不能寫入數據 必須寫在html麼
對 想起了 在PHP中 這個半型的→ ’ ←
會錯誤變成全型的→ ’ ←就是失效的原因
做成不能完整演示效果
所以這次又刻意另開一個html作示範
html參數亦只有如下
按鈕1→沒花巧 一按直接進’網址’
按鈕2→加入cursor:pointer;是顯示指標的參數
按鈕3→加入onMouseover參數 指標指著時的顏色
按鈕4→加入onMouseout參數 指標離開時的顏色
至於背景及字的顏色 之前的示範已提及 請自行摸索

CODE:  [Copy to clipboard]
<div style="height:100;border: 3px solid yellow;">
  <div style="float:right;width:150px;border: 3px solid red;cursor:pointer;" onMouseover="this.style.color=’yellow’;" onclick="location=’網址’">按鈕3</div>
  <div style="float:left;width:150px;border: 3px solid red;" onclick="location=’網址’">按鈕1</div>
  <div style="float:left;width:150px;border: 3px solid red;cursor:pointer;" onclick="location=’網址’">按鈕2</div>
  <div style="float:right;width:150px;border: 3px solid red;cursor:pointer;" onMouseover="this.style.color=’yellow’;" onMouseout="this.style.color=’red’;" onclick="location=’網址’">按鈕4</div>
</div>

贊助網站載入中...
※ 所有言論不代表本站立場與本站立場無關,本站不對其內容負上任何責任。※
※ [注意公告] 已進行 統一發表主題的格式,謝謝合作!※
※ [注意公告] 原創貼的發貼要求,謝謝合作!※
2020-9-16 01:16 PM
資料 主頁 消息 本貼子捷徑 編輯帖子
可打印版本 | 推荐給朋友 | 訂閱主題 | 收藏主題

論壇跳轉:  
贊助網站載入中...
[ 聯系我們 - YyHero18Net 歪歪英雄十八叻 主首頁 ] 將本站加入最愛 ∼ 將本站設為首頁 ∼ 清除Cookies
Powered by Discuz! 2.5 F SP1 © 2001-2005 Comsenz Technology Ltd.  移到頁頂
2016-2-14日起新增微信捐助本站
各位內地/香港/海外朋友:Donation