Back to top

研究blogskin的漂亮特效,其實有些東西原理是懂的但為毛就是做不出來呢_(:з」∠)_
舉個例子,鳥籠的滑動模塊,標幾個重點
.box { width: 150px; height: 150px; margin-top: -135px; position: fixed; z-index: 100; } .box:hover { margin-top: 0px; } .boxx { width: 150px; padding: 5px; overflow: hidden; height: 150px; } .boxxx { top: 130px; position: absolute; padding: 3px; width:150px; text-align:center; }
文字的抽取方法
<script>function changeNavigation(id) {document.getElementById('content') .innerHTML=document.getElementById(id).innerHTML}</script> <span id="nav" onclick="changeNavigation('profile')">profile</span>
<span id="nav" onclick="changeNavigation('info')">site +</span>
<span id="nav" onclick="changeNavigation('entries')">journal</span>
之後的模塊各自定義就可以,暫時javascript學習的目標是……要看懂_(:з」∠)_

最近模板更新:
1. 把<What's fun?>裏的圖片全部用圓形顯示,萬年排名無變化神馬的真是撒必死呢_(:з」∠)_,慣例的code時間
img { border-radius: 50%; -webkit-border-radius: 50%; }基本就是圓角50%,正方形限定,瀏覽器前綴愛加幾個就幾個,有邊框的做法還沒研究出來

2. 用高端scroll to top代替了原始的"#top",猛擊查看源代碼教程,javascript神馬的還在研究中,就不標了

Leave a Reply

毛根死滅ヽ(`Д´#)ノ ムキー!!