[CSS]色碼轉換表

網址:http://www.ifreesite.com/color/

[wordpress]Visual Composer 手機板隱藏區塊

將background->single color 手機板時就可以隱藏區塊

[wordpress]取得網站網址

<?php $url = site_url(); ?>
<img src="<?php  echo $url; ?>/wp-content/themes/主題資料夾/images/檔名.png" />

//子主題的url
<?php echo get_stylesheet_directory_uri(); ?>

[Windows]如何清除暫存的 DNS Cache

執行cmd

輸入以下指令

ipconfig /flushdns

[CSS]html標籤ul置中

要讓ul置中方法如下

1.無div包覆的情況下:

ul{
display: table;
margin: 0 auto;
}

2.有div包覆的情況:

div{
text-align: center;
}
div ul{
display: inline-block;
}

[JQuery]滑鼠hover置換圖片

$("selector").mouseover(function() {
$(this).attr("src", src);
})
.mouseout(function() {
$(this).attr("src", src);
});

[jQuery]Html下錨點搭配JQuery做動態滑動功能

Html部分
<ul class="menu">
 <li><a href="#id01">Div01</a></li>
 <li><a href="#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>

Javascript部分

$(".menu > li > a").click(function () {
        jQuery("html,body").animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 1000);
    });





2015/12/11新增
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.bottom_menu a').click(function(){
      var target = jQuery(this).context.hash;
      console.log(target);
      if(target != null && target != ''){
        jQuery('html,body').animate({
          scrollTop: jQuery(target).offset().top -80}, 1000);
          return false;
       }
     });
  });
</script>
<ul class="menu">
 <li><a href="http:/homeurl/#id01">Div01</a></li>
 <li><a href="http:/homeurl/#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>