目前日期文章:201205 (4)

瀏覽方式: 標題列表 簡短摘要

Smooth scrolling demo

<script src="smoothscroll.js" type="text/javascript"></script>

<a href='#tag1'>click</a>
<a name='tag1'>title name</a>

 

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()

利用css裁剪圖片有兩種方法,如下:

【方法一】

可以利用overflow: hidden;屬性,把多出來的圖片隱藏起來

在最裡面那層img,利用margin去調整圖片要顯示出來的位置  

div.field-content {

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()

由於各瀏覽器不同公司各自為政,沒有依照W3C的規定標準作,

所以才會有同一個語法,但在不同瀏覽器呈現的卻不同的問題

因此才會有reset.css這支成是去幫你做統一的動作!很方便唷!

 

下面是目前最多人使用的Eric Meyer v2.0版本

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.backgroundPosition.fixed.js"></script>

 

<style type="text/css">
div {

cabuchi 發表在 痞客邦 PIXNET 留言(0) 人氣()