推薦這個部落格: 43
檢視方式: 列表 摘要
March 19, 2008
March 19, 2008
CSS部分自己可以更改設定----->
#demo a {
width:100%;
overflow:hidden;
font:12px/16px tahoma;
display:block;
text-decoration:none;
margin:2px;
color:#4a551c;
padding-left:2px;
text-align:left;
}
#demo a:hover {
color:#ff6600;
}
接下來在BODY部分----->
<div id=demo1>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法1</a>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法2</a>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法3</a></div>
<div id=demo2></div></div>
最重要的部分就是要加入這串程式拉!!--------->
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
demo2.innerHTML=demo2.innerHTML+demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)
}
</script>
回去試試看喔! 別再說不會囉...網路可是有很多方法可以讓你去搜尋解答的^_^
#demo a {
width:100%;
overflow:hidden;
font:12px/16px tahoma;
display:block;
text-decoration:none;
margin:2px;
color:#4a551c;
padding-left:2px;
text-align:left;
}
#demo a:hover {
color:#ff6600;
}
接下來在BODY部分----->
<div id=demo1>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法1</a>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法2</a>
<a href="#" mce_href="#">完全相容IE, FF, Opera跑馬燈語法3</a></div>
<div id=demo2></div></div>
最重要的部分就是要加入這串程式拉!!--------->
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
demo2.innerHTML=demo2.innerHTML+demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)
}
</script>
回去試試看喔! 別再說不會囉...網路可是有很多方法可以讓你去搜尋解答的^_^
March 18, 2008
真難搞!
就連制式的CSS都寫的很亂，真是要研究一段時間，為何不取名簡單，製作方便的辦法ㄋ?
唉!~~~快、快、快
我要快點將我BLOG用起來! 加油
就連制式的CSS都寫的很亂，真是要研究一段時間，為何不取名簡單，製作方便的辦法ㄋ?
唉!~~~快、快、快
我要快點將我BLOG用起來! 加油
March 2, 2008
1.先製作一張白色漸層png圖片！
2.<h1>text wright here.......<span></span></h1>
3.css寫法
h1 {
color:#333;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}
h1 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:100%;
background:url(images/white.png) repeat-x;
}
2.<h1>text wright here.......<span></span></h1>
3.css寫法
h1 {
color:#333;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-.05em;
position:relative;
}
h1 span{
position:absolute;
display:block;
top:0;
left:0;
height:100%;
width:100%;
background:url(images/white.png) repeat-x;
}
關鍵在於h1 { position: relative; } 和 h1 span { position: absolute; }
而你認為這樣就可以那就錯了，由於IE6對AlphaImageLoader濾鏡的不支持,下面有解決 IE6 的方法！
* html h1 span, {
background-color:transparent;
background-image: url(none.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient.png", sizingMethod="scale");
}
↑ It is important!
March 1, 2008
愛得電子 http://www.aid.com.tw/
嘉偉興業股 http://customer.manufacture.com.tw/~hau/chia
風華整型診所 http://customer.manufacture.com.tw/~hau/charm/
環隆科技股 http://ec7.vh.com.tw/umec/
康冠電腦技術
中諾基
豪利刀剪餐 http://ec7.vh.com.tw/houly/T/body.php
筑詮橡膠TWS http://customer.manufacture.com.tw/~hau/tws/demo.html
三振造機廠S.U.J. http://customer.manufacture.com.tw/~hau/suj
嘉偉興業股 http://customer.manufacture.com.tw/~hau/chia
風華整型診所 http://customer.manufacture.com.tw/~hau/charm/
環隆科技股 http://ec7.vh.com.tw/umec/
康冠電腦技術
中諾基
豪利刀剪餐 http://ec7.vh.com.tw/houly/T/body.php
筑詮橡膠TWS http://customer.manufacture.com.tw/~hau/tws/demo.html
三振造機廠S.U.J. http://customer.manufacture.com.tw/~hau/suj
系統公告
ShowHau
ＩＤ：showhau暱稱：ShowHau
地區：臺中縣
最新文章發表
- 【台中日本料理】熊壽司...
- 【台中美食】格蕾朵法式...
- 【台中美食】李家長壽韓國料理
- 【台中美食】喜味香...
- 【台中美食】港式 金寶茶餐廳
- 【台中美食】阿官火鍋專家
- 【台中美食冰品】糖姬輕...
- 【台中美食】南屯豬腳麵線
- 【南投溪頭】溪頭自然教育園區
- 【南投溪頭】童話森林別墅
- 【南投名宿】溪頭曼陀鄉...
- 【台中美食】義式古拉爵
- 【台中壽喜燒吃到飽】M...
- 【台中日本料理美食】...
- 【花蓮旅遊】 夢田信葙...
- 【宜蘭美食小吃】 富美活海鮮
- 【花蓮旅遊盛地】 理想大地
- 【花蓮】美食小吃景點2
- 【台中 花蓮】中橫之旅
- 【花蓮美食小吃】美食小吃景點
- 【花蓮飯店】七星潭海景飯店
- 【台中美食小吃】逢甲小...
- 【台中日本料理】樹太老...
- 【台中美食小吃】阿二靚...
- 【台中美食小吃】就醬子烤吧
- 【台中小吃】英才路50...
- 【台中美食小吃】阿布丁...
- 【台中美食小吃】希臘秘密旅行
- 【台中風景】 清新溫泉 旅遊
- 【台中美食】麻布茶房...
最新留言
- 彭小若:
哈哈... - HerCafeEditor:
親愛的ShowHau你... - HerCafeEditor:
親愛的ShowHau你... - HerCafeEditor:
親愛的ShowHau你... - HerCafeEditor:
親愛的ShowHau你... - ayumiayu01:
大大你好~~ ... - ezTable易訂網:
您好，熊壽司(台中店)... - lxsshan1987:
裝潢好美 ... - 紅。小茶:
偶然找文章看到~覺得你... - no name:
拍的這麼好，害我都在流... - 陳姐:
這家的麵線我有吃過~真... - 曉華:
這一家在我家附近,你去... - 陳姐:
外面看起來不是很起眼，... - 曉華:
下次帶我女兒去!她超愛... - 陳姐~:
不知道是攝影師拍的效果... - 彭小若:
接駁車只要有需要就可以... - kuku:
看起來真是不錯~ ... - 陳姐:
中午剛吃飽~但是看到這... - 陳姐:
前面敘述的圖與文字 ... - mina:
看起來好棒耶~~ ... - Michelle:
怎麼被你找到那麼美的地... - 曉華:
這次真的想去嘞!記得我... - kuku:
還不賴耶~下次我也要去... - 曉華:
未免也吃太好了吧!... - 曉華:
只能說真的很想去渡假喔! - cherrynwk:
那甚麼是「餛飩」??... - cherrynwk:
那個隧道好厲害呢...... - cherrynwk:
很多街頭小吃哦~~ ... - eve:
焦糖包心粉圓~ ... - kuku:
房間的感覺還不賴~ ...
好時光貼曆
名人推薦
推薦一人
名人到此一遊
人氣指數
當日人次:
累積人次:
累積人次:
好友連結
美食、旅遊、拍照、小吃
我愛人人
噗浪我吧~~~
RSS 訂閱
贊助商
其它資訊
本部落所刊登之內容，皆由作者個人所提供，不代表 yam 天空 本身立場。
){kind=link}