滑鼠滑移過出現資訊看板自動更新網頁時間 html css jquery語法 ~ 猛甲茶道互動式創意網頁設計 Tea Road

［語法修改位置，善用Ctrl+F］

■  身體位置
margin:-10px 0 0 -5px;

■  資訊看板的５條顏色線，分別由下列５個CSS語法控制。
border-top: 2px solid #FFFF00;}    看板１：線條顏色
border-top: 2px solid #FF00FF;}    看板２：線條顏色
border-top: 2px solid #0099FF;}    看板３：線條顏色
border-top: 2px solid #00FF00;}    看板４：線條顏色
border-top: 2px solid #f29c16;}    看板５：線條顏色

■  資訊看板的標籤名稱大小。
font-size:15px;

■  資訊看板的標籤名稱放置在這裡。
　<ul class='domtabs'>
　 <li><a href='#tabone'>看板１</a></li>
　 <li><a href='#tabtwo'>看板２</a></li>
　 <li><a href='#tabthree'>看板３</a></li>
　 <li><a href='#tabfour'>看板４</a></li>
　 <li><a href='#tabfour'>看板５</a></li>
　</ul>

■  資訊看板的內容放置在這裡。
資訊看板１，內容放置於此。
資訊看板２，內容放置於此。
資訊看板３，內容放置於此。
資訊看板４，內容放置於此。
資訊看板５，內容放置於此。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>

.adu201109302009{

position:fixed;

z-index:9999;

line-height:20px;

top:60px;

right:-360px;

border:0px solid #888;

padding:10px 10px 10px 15px;

-webkit-transition: all 1.5s linear;

-moz-transition: all 1.5s linear;

-o-transition: all 1.5s linear;}

.adu201109302009 .tool_box201109302016{

background:url(http://goo.gl/3x8pG)no-repeat 0 0;

width:58px;

height:58px;

float:left;

margin-right:8px;}

.adu201109302009:hover{

right: -8px;

-webkit-transition: all 1.5s linear;

-moz-transition: all 1.5s linear;

-o-transition: all 1.5s linear;}

.table201109302011{

background: rgba(220,220,220,0.8);

width:345px;

border:1px solid #888;

padding:10px 5px 5px 10px ;

-moz-box-shadow: -5px 5px 8px 0px rgba(0,0,0,0.6);

-webkit-box-shadow: -5px 5px 8px 0px rgba(0,0,0,0.6);

box-shadow: -5px 5px 8px 0px rgba(0,0,0,0.6);}

.table201109302011 td div{

overflow-x:hidden;

overflow-y:auto;

font-size:15px;

line-height:20px;

max-height:480px;}

</style>

</head>

<body>

<tr>

<td>

<font style="Color:#800000;"><b>［語法修改位置，善用Ctrl+F］</b></font>

<div>

■  身體位置 <br/>

margin:-10px 0 0 -5px; <br/><br/>

■  資訊看板的５條顏色線，分別由下列５個CSS語法控制。<br/>

border-top: 2px solid #FFFF00;}    看板１：線條顏色<br/>

border-top: 2px solid #FF00FF;}    看板２：線條顏色<br/>

border-top: 2px solid #0099FF;}    看板３：線條顏色<br/>

border-top: 2px solid #00FF00;}    看板４：線條顏色<br/>

border-top: 2px solid #f29c16;}    看板５：線條顏色<br/><br/>

■  資訊看板的標籤名稱大小。<br/>

font-size:15px;<br/><br/>

■  資訊看板的標籤名稱放置在這裡。<br/>

</ul><br/><br/>

■  資訊看板的內容放置在這裡。<br/>

資訊看板１，內容放置於此。<br/>

資訊看板２，內容放置於此。<br/>

資訊看板３，內容放置於此。<br/>

資訊看板４，內容放置於此。<br/>

資訊看板５，內容放置於此。<br/><br/>

</div>

</td>

</tr>

<td>

<br/>

var d=new Date();

document.write("<font style=font-size:9pt;Color:#800000>","本頁最後更新時間："+ "<br />"+d.toDateString(document.lastModified)+"   "+d.toLocaleTimeString(document.lastModified),"</font>");

</script>

</td>

</table>

</div>

</body>
</html>

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

響應式網頁架站只要6,888元起|[RWD]響應式網站，自適應網頁，讓SEO搜尋引擎最佳化你的網站

"你是獵人還是獵物？"

Tea Road

Monga Shop

猛甲茶道互動式創意網頁設計 Tea Road