部落格改板改造工程

購物車1

購物車2

購物車3

購物車4

購物車5

2014年7月26日星期六

slider-show橫幅廣告

清晨7:34 表示意見

2014年7月8日星期二

解決部落格縮圖失真的問題

凌晨1:50 部落格表示意見

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430; 沒有圖片的字元數
summary_img = 340; 有圖片的字元數
img_thumb_height = 150; 縮圖高度
img_thumb_width = 200; 縮圖寬度
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'"width="'+img_thumb_width+'px" 改成→/*width="'+img_thumb_width+'px"*/ height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
div.innerHTML = summary;
}
//]]>
</script>

滑鼠移入移出圖片時能在原圖產生動畫彈出且放大及回復原大小的效果演示範例demo及語法

凌晨1:40 jquery 表示意見

圖示選單像泡泡一樣的放大彈出。當滑鼠移入到圖片上時能在原圖產生動畫彈出且放大的效果；當滑鼠移出後又能退回原位並回復原大小，演示如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh-tw"><head>
<meta content='猛甲茶葉行與坪林茶廠產銷合作，由茶農精心烘培製作的頂級台灣茗茶，喉韻渾厚、 茶葉香醇自然回甘！貨真價實的上等好茶等你來品嘗。,網址http://eagle1024.blogspot.com/,信箱roberchen3@gmail.com,聯絡電話：0952916626' name='description'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>Bubbleup 1.0</title>
<style type="text/css">
div#demo {
 margin: 5px auto 5px auto;
 text-align: center;
}
div#demo ul#menu {
    margin: 5px 0px;
    list-style: none;
    display: inline-block;
}   
div#demo ul#menu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 48px;
}
div#demo ul#menu li a {
    position: relative;
}
div#demo ul#menu li img {
    position: absolute;
    width: 48px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}
</style>
<script type="text/javascript">
 $(function(){
  // 把 #menu 轉成 Bubbleup 效果
  // 同時當滑鼠移入到選單時出現文字提示
  $("div#demo ul#menu li img").bubbleup({
   tooltip: true, 
   scale: 96
  });
 });
</script>

<script type="text/javascript">
(function($){
 $.fn.bubbleup = function(options) {
  //Extend the default options of plugin
  var opt = $.extend({}, $.fn.bubbleup.defaults, options),tip = null;
  
  return this.each(function() {
   var w=$(this).width();
   $(this).mouseover(function(){
    if(opt.tooltip) {
     tip = $('<div>' + $(this).attr('alt') + '</div>').css({
      fontFamily: opt.fontFamily,
      color: opt.color, 
      fontSize: opt.fontSize, 
      fontWeight: opt.fontWeight, 
      position: 'absolute', 
      zIndex: 100000
     }).remove().css({top:0,left: 0,visibility:'hidden',display:'block'}).appendTo(document.body);
     var position = $.extend({},$(this).offset(),{width:this.offsetWidth,height:this.offsetHeight}),tipWidth = tip[0].offsetWidth, tipHeight = tip[0].offsetHeight;
     tip.stop().css({
      top: position.top - tipHeight, 
      left: position.left + position.width / 2 - tipWidth /2,
      visibility: 'visible'
     }).animate({top:'-='+(opt.scale/2-w/2)},opt.inSpeed); 
    }
    
    $(this).closest('li').css({'z-index':100000});
    
    $(this).stop().css({'z-index':100000,'top':0,'left':0,'width':w}).animate({
     left:-opt.scale/2+w/2,
     top:-opt.scale/2+w/2,
     width:opt.scale
    },opt.inSpeed);
   }).mouseout(function(){
    
    $(this).closest('li').css({'z-index':100});
    $(this).closest('li').next().css({'z-index':0});
    $(this).closest('li').next().css({'z-index':0});
    $(this).closest('li').next().children('img').css({'z-index':0});
    
    if(opt.tooltip){tip.remove()}
    $(this).stop().animate({left:0,top:0,width:w},opt.outSpeed,function(){
     $(this).css({'z-index':0});
     
    });
   })
  })
 }
 $.fn.bubbleup.defaults = {
  tooltip: false,
  scale:96,
  fontFamily:'Helvetica, Arial, sans-serif',
  color:'#333333',
  fontSize:12,
  fontWeight:'bold',
  inSpeed:'fast',
  outSpeed:'fast'
 }
})(jQuery);
</script>

</head>

<body>
<p>圖示選單像泡泡一樣的放大彈出。當滑鼠移入到圖片上時能在原圖產生動畫彈出且放大的效果；當滑鼠移出後又能退回原位並回復原大小。

閱讀更多 »

網站結合部落格行銷及關鍵字密度選擇與頁面的布局

凌晨1:30 部落格表示意見

目前免費部落格申請容易，加上搜尋引擎又偏好部落格形式的網站，且部落格的流量及空間是沒有任何限制，您可以大量的PO跟自己相關產品的文章，藉由文章的關鍵字讓消費者找到你，進而導覽到官方網站。

部落格是可以一個抒發心情、發表技術文章、旅遊介紹、商品推薦的媒介，是一個可以直接提高產品曝光率的管道，很多企業都藉由部落格來建立公司的形象及行銷產品，善用免用的社群網站行銷如facebook，google+及bbs等等，並在知名度大的部落格留言，定能大大提高您的曝光率。

閱讀更多 »

免費部落格漂亮版型,時鐘,留言,掃毒,免費雲端空間

凌晨12:46 部落格表示意見

1.免費部落格漂亮版型網站
2.變換滑鼠圖案網站
3.CSS語法教學網站
4.部落格小玩意
5.部落格時鐘
6.免費留言網站
7.免費幻燈片網站
8.飄雲

格式工廠:免費萬用多媒體轉檔工具

如何提升增加網站流量

申請免費雲端磁碟空間

百度貼吧

免費線上掃毒軟體：
1.卡巴斯基 2.F-Secure 3.趨勢PC-cillin 4.PANDA 5.賽門鐵克諾頓
6.McAfee 邁克菲 7.WindowsSecurity 8.微軟 OneCare 9.Nod32線上掃毒

免費繪圖軟體下載：photoCap_5.01免安裝版(共1,848,812說讚！)

※如何申請免費空間的網站 HTML教學線上教學網頁教學http://www.889.idv.tw

必達笑話大全

部落格聯播網

Facebook中文社群網
 Facebook中文社群網

www.byeme.asia

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~