April 12, 2015
點擊在新視窗中瀏覽此圖片
同時秀出價格

點擊在新視窗中瀏覽此圖片
同時秀出價格

CSS (head)
/*隱藏區塊用*/
.box{display: none;}
/*秀出區塊用*/
.bS01{}
.bS02{}
.bS03{}
/*區塊範圍指定*/
.bBW{}


JavaScript (head)
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $('input[type="radio"]').click(function(){
            if($(this).attr("value")=="bOne"){
                $(".box").hide();
                $(".bS01").show();
            }
            if($(this).attr("value")=="bTwo"){
                $(".box").hide();
                $(".bS02").show();
            }

        });
    });
</script>

April 6, 2015
點擊在新視窗中瀏覽此圖片

HTML Source
<input type="checkbox" class="bLarger" name="checkBox">


Source Code
<style type="text/css">
input.bLarger{width: 20px; height: 20px;}</style>

March 23, 2015
點擊在新視窗中瀏覽此圖片

最簡單的方法來實現用戶友好的響應導航,使用HTML5,CSS3和jQuery移動設備優化
http://responsivemobilemenu.com/

dome:
http://responsivemobilemenu.com/demo/
March 17, 2015
overflow
visible   超出區域 (初期値)
hidden  超出部分不顯示
scroll           以scroll顯示
auto          自動顯示 (顯示需要的右方或是下方)


overflow-x … 横方向の指定
overflow-y … 縦方向の指定
visible   超出區域 (初期値)
hidden  超出部分不顯示
scroll           以scroll顯示
auto          自動顯示 (顯示需要的右方或是下方)


March 13, 2015
直接指定span的方法

範例:淺灰背景 text
<span style="background:#CCC; ">text</span>


經由style >span 指定的方法

範例:淺黃色背景 text
<style type="text/css">
span{background:#FBFEBA;}
</style>


經由style > span 之下> class 指定的方法

範例:淺藍色背景,灰色 text
<style type="text/css">
span.bText{background:#3FF;}
</style>

March 12, 2015
CSS部分
<style type="text/css">
span{border:#999 solid 1px; padding:3px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
div#show{ margin:10px 0 0 0; padding:5px; border:#999 dashed 1px;}
</style>


javascript 部分
<script type='text/javascript'>
function show(obj, id)
{
  var o=document.getElementById(id);
  if( o.style.display == 'none' )
  {
    o.style.display='';
    obj.innerHTML='隱藏';
  }
  else
  {
    o.style.display='none';
    obj.innerHTML='顯示';
  }
}
</script>


html 部分
<span onclick='show(this, "show")'>顯示</span><br>
<div id='show' style="display:none;">按下文字按鈕後呈現內容</div>

分頁: 4/13 第一頁 上頁 1 2 3 4 5 6 7 8 9 10 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]