noreply@blogger.com (漁夫)Fri, 1 Nov 2024 03:36:09 -0700Blogger http://www.blogger.com2125http://roc999.blogspot.com/en-usnonoreply@blogger.comhttp://roc999.blogspot.com/2013/11/blog-post_30.htmlnoreply@blogger.com (漁夫)Sat, 30 Nov 2013 04:37:00 -0800tag:blogger.com,1999:blog-7653768027720441607.post-7697111327964727053<style type='text/css'> body { background:#f2f2f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUn7NTSWSeZNMfZpKtixvyLALQZG_vyFOChHLEXlHm98Gboy-3RxGqmu09UsZExMZDlwy_k5uKHoUnEGn_jJFkBXBCzuKFzjis2VVB8vRjwLtOu4BQkS3F6V0uBQ3CZqaXPjTpHJkhoC4/s0/body.png) repeat scroll top center /* Credit: Pixel Oplosan (http://www.pixeloplosan.com) */; margin:0; color:#777777; } #mountain { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOTPtc7lUjxsXNOEDuk_GV9nx6Kt_sBmbP8bYTjMn4Ueq74fXCPXQ1bw8QSzUOzxyXLs3NqhMBjPxUi7L4XUlM-f95REOogvLzfhS63WgFbZMteAs8Em4p66ERh10h3UybI0XQDOJMNXQ/s0/mountain.png) no-repeat 205px bottom; height:200px; width:100%; margin:0 auto -1px 0px; } #cover-cloud { width:100%; min-width:1074px; height:200px; position:absolute; z-index:100; left:0; } #cloud { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04SROZe8sUMgCHMkKed3SeaHLvSge7CISMi0-VqEJZuW4TH3VHNrZvW0NCvh2S1izHhYYvrJP3lUd2h1PlvOOGXSe8HzzOClLbRctO3PcQQ4zNufb13BVIepKuOXnhh2SUJZJ0Fzdd4o/s0/cloud1.png) repeat-x 0 0; position: absolute; width:100%; height:188px; z-index: 200; } #cloud2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhteMH4Quwl8v0BV_eD83YSh1bp0P1kp-nRG5fbquN7Zz3u1boiZHVGNb3jdzdFQ0Zol-wYGIxsN8NTrmd3sm-jTEWwjXmbN2-vby2-l5S_CI2GbpEq4Q5i42UaR45oT1bb3bLaqZGDc/s0/cloud2.png) repeat-x 0 0; position: absolute; width:100%; height:125px; z-index: 300; } #cloud3 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FASzgSI21FT2jKFs_uMRCiERJuxyRb0BN4aRsjdd4WuyN1y4BEkIo8zNPIvLXZ7apbXyKmNz9JUwxRXqWe49fa9IQBUUMD7DhItyq0C1gdmFX3GuODCoptcSwbmNvJE1tcupkXEEt6k/s0/cloud3.png) repeat-x 0 0; position: absolute; width:100%; height:46px; z-index: 400; } </style> <!-- /CALL js --> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> (function($) { $._spritely = { // shared methods and variables used by spritely plugin animate: function(options) { var el = $(options.el); var el_id = el.attr('id'); if (!$._spritely.instances) { $._spritely.instances = {}; } if (!$._spritely.instances[el_id]) { $._spritely.instances[el_id] = {current_frame: -1}; } var instance = $._spritely.instances[el_id]; if (options.type == 'sprite') { var frames; var animate = function(el) { var w = options.width, h = options.height; if (!frames) { frames = []; total = 0 for (var i = 0; i < options.no_of_frames; i ++) { frames[frames.length] = (0 - total); total += w; } } if ($._spritely.instances[el_id]['current_frame'] >= frames.length - 1) { $._spritely.instances[el_id]['current_frame'] = 0; } else { $._spritely.instances[el_id]['current_frame'] = $._spritely.instances[el_id]['current_frame'] + 1; } el.css('background-position', frames[$._spritely.instances[el_id]['current_frame']] + 'px 0'); if (options.bounce && options.bounce[0] > 0 && options.bounce[1] > 0) { var ud = options.bounce[0]; // up-down var lr = options.bounce[1]; // left-right var ms = options.bounce[2]; // milliseconds el .animate({top: '+=' + ud + 'px', left: '-=' + lr + 'px'}, ms) .animate({top: '-=' + ud + 'px', left: '+=' + lr + 'px'}, ms); } } animate(el); } else if (options.type == 'pan') { if (options.dir == 'left') { $._spritely.instances[el_id]['l'] = ($._spritely.instances[el_id]['l'] - (options.speed || 1)) || 0; } else { $._spritely.instances[el_id]['l'] = ($._spritely.instances[el_id]['l'] + (options.speed || 1)) || 0; } if ($.browser.msie) { // fixme - the background-position property does not work // corretly in IE so we have to hack it here... Not ideal // especially as $.browser is depricated var bp_top = $(el).css('background-position-y') || '0'; $(el).css('background-position', $._spritely.instances[el_id]['l'] + 'px ' + bp_top); } else { var bp_top = ($(el).css('background-position').split(' ') || ' ')[1]; $(el).css('background-position', $._spritely.instances[el_id]['l'] + 'px ' + bp_top); } } }, randomIntBetween: function(lower, higher) { return parseInt(rand_no = Math.floor((higher - (lower - 1)) * Math.random()) + lower); } }; $.fn.extend({ spritely: function(options) { var options = $.extend({ type: 'sprite', do_once: false, width: null, height: null, fps: 12, no_of_frames: 2 }, options || {}); options.el = this; options.width = options.width || $(this).width() || 100; options.height = options.height || $(this).height() || 100; var get_rate = function() { return parseInt(1000 / options.fps); } if (!options.do_once) { window.setInterval(function() { $._spritely.animate(options); }, get_rate(options.fps)); } else { $._spritely.animate(options); } return this; // so we can chain events }, sprite: function(options) { var options = $.extend({ type: 'sprite', bounce: [0, 0, 1000] // up-down, left-right, milliseconds }, options || {}); return $(this).spritely(options); }, pan: function(options) { var options = $.extend({ type: 'pan', dir: 'left', continuous: true, speed: 1 // 1 pixel per frame }, options || {}); return $(this).spritely(options); }, flyToTap: function(options) { var options = $.extend({ el_to_move: null, type: 'moveToTap', ms: 1000, // milliseconds do_once: true }, options || {}); if (options.el_to_move) { $(options.el_to_move).active(); } if ($._spritely.activeSprite) { if (window.Touch) { // iphone method see http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone/9 or http://www.nimblekit.com/tutorials.html for clues... $(this)[0].ontouchstart = function(e) { var el_to_move = $._spritely.activeSprite; var touch = e.touches[0]; var t = touch.pageY - (el_to_move.height() / 2); var l = touch.pageX - (el_to_move.width() / 2); el_to_move.animate({ top: t + 'px', left: l + 'px' }, 1000); }; } else { $(this).click(function(e) { var el_to_move = $._spritely.activeSprite; $(el_to_move).stop(true); var w = el_to_move.width(); var h = el_to_move.height(); var l = e.pageX - (w / 2); var t = e.pageY - (h / 2); el_to_move.animate({ top: t + 'px', left: l + 'px' }, 1000); }); } } return this; }, active: function() { // the active sprite $._spritely.activeSprite = this; return this; }, }) })(jQuery); // Stop IE6 re-loading background images continuously try { document.execCommand("BackgroundImageCache", false, true); } catch(err) {} //]]> </script> <!-- /BEGIN executor --> <script type='text/javascript'> (function($) { $(document).ready(function() { $('#cloud').pan({fps: 30, speed: 1, dir: 'right'}); $('#cloud2').pan({fps: 30, speed: 2, dir: 'right'}); $('#cloud3').pan({fps: 30, speed: 0.5, dir: 'right'}); }); })(jQuery); </script> <!-- /CALL @fontface --> <div id='cover01-cloud'> <div id='cloud'>&#160;</div> <div id='cloud2'>&#160;</div> <div id='cloud3'>&#160;</div> </div> <div id='mountain'></div>0http://roc999.blogspot.com/2013/11/blog-post.htmlnoreply@blogger.com (漁夫)Sat, 30 Nov 2013 03:28:00 -0800tag:blogger.com,1999:blog-7653768027720441607.post-1810679703511260657<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEO686iWvA3tfXj33c93d8pJP2aVuG09NZmL4954Flr_wLA3-txfR9pfO_Eg6MNCtDxyktECiO2SkjtcD5cxxq2qfueSGb5-3q6Cdpeckh3vrCHaORVRpPwwgbTrX_5_bF3xO9jEta0w/s1600/movie.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEO686iWvA3tfXj33c93d8pJP2aVuG09NZmL4954Flr_wLA3-txfR9pfO_Eg6MNCtDxyktECiO2SkjtcD5cxxq2qfueSGb5-3q6Cdpeckh3vrCHaORVRpPwwgbTrX_5_bF3xO9jEta0w/s320/movie.png" /></a> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script> <style type='text/css'> img { border:0; margin: 0 0; } /* The Outer cover */ #wrapper1125 { width:970px; margin:0px auto; position:relative; padding:15px 15px; background:#fff; box-shadow: 0 0 10px #111; -moz-box-shadow: 0 0 10px #111; -webkit-box-shadow: 0 0 10px #111; } .sidebar1125 { color: #555555; } .sidebar1125 a { text-decoration: none; color: #6f6f6f; } .sidebar1125 a:hover { text-decoration: none; color: #179ADB; } .sidebar1125 .widget1125 { margin: 0 0 10px 0; background: #ffffff; padding: 10px; border: 1px solid #dddddd; } .sidebar1125 .widget1125 h2 { height: 30px; color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin:0px 0px 2px 0px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzwml04spLDKu5eSemWYdnwI43ziUNH6h6i5JyhF_IJj6msjDT66s_u4kYdFkZIAWuOVLWpJl9clTy37xNac0Q0bTTyiOtry8j9ZFGuGwjhI70tcO2CLxHnldZOTEpD1-6NM0AA0km7w/s970/slide01.jpg); font: normal 20px Georgia, Tahoma, Century gothic, sans-serif; } .sidebar1125 .widget1125-content { margin: 0; padding: 0; } .sidebar1125 ul { list-style-type: none; list-style: none; margin: 0; padding: 0; } .sidebar1125 ul li { padding: 7px 0px; margin: 0; border-bottom: 1px dotted #DDDDDD; } /* --- FOOTER --- */ #slidearea{ height: 330px; overflow: hidden; position: relative; width:970px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzwml04spLDKu5eSemWYdnwI43ziUNH6h6i5JyhF_IJj6msjDT66s_u4kYdFkZIAWuOVLWpJl9clTy37xNac0Q0bTTyiOtry8j9ZFGuGwjhI70tcO2CLxHnldZOTEpD1-6NM0AA0km7w/s970/slide01.jpg) top no-repeat; } #gallerycover{ overflow: hidden; height: 202px; width:353px; position:absolute; left:52px; top:25px; } .mygallery{ position:relative; height: 202px; width:353px; } .mygallery img{ margin: 0px; padding: 0px; border: 0px; outline: 0px; height: 202px; width:353px; } #textcover{ overflow: hidden; height: 225px; width:510px; position:absolute; right:20px; top:50px; } .mytext{ display:inline; float:left; color:#c4c4c4; } .mytext ul li{ height: 225px; } .mytext h2 { padding:5px 10px; color:#fff; font-size: 24px ; width:480px; font-weight:normal; float:left; font-family:Georgia, arial, tahoma, sans-seriff; } .mytext h2 a:link,.mytext h2 a:visited{ color:#fff; } .mytext p{ font-family:Georgia, arial, tahoma, sans-seriff; padding:5px 10px; color:#0b4e77; font-size: 16px ; line-height:22px; width:480px; float:left; text-shadow:1px 1px 0px #2acaff; } .prevb{ float:left; width:27px; height:17px; z-index:200; position:absolute; right:85px; bottom:1px; } .nextb{ float:right; width:27px; height:17px; z-index:200; position:absolute; right:45px; bottom:1px; display:block; } </style> <script type='text/javascript'> jQuery.easing = { easein: function(x, t, b, c, d) { return c*(t/=d)*t + b; // in }, easeinout: function(x, t, b, c, d) { if (t < d/2) return 2*c*t*t/(d*d) + b; var ts = t - d/2; return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b; }, easeout: function(x, t, b, c, d) { return -c*t*t/(d*d) + 2*c*t/d + b; }, expoin: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } return flip001 * (Math.exp(Math.log(c)/d * t)) + b; }, expoout: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } return flip001 * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b; }, expoinout: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } if (t < d/2) return flip001 * (Math.exp(Math.log(c/2)/(d/2) * t)) + b; return flip001 * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b; }, bouncein: function(x, t, b, c, d) { return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b; }, bounceout: function(x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, bounceinout: function(x, t, b, c, d) { if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b; return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b; }, elasin: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, elasout: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, elasinout: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, backin: function(x, t, b, c, d) { var s=1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, backout: function(x, t, b, c, d) { var s=1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, backinout: function(x, t, b, c, d) { var s=1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, linear: function(x, t, b, c, d) { return c*t/d + b; //linear } }; //]]> </script> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{})) //]]> </script> <script type='text/javascript'> summary_noimg = 550; summary_img = 450; img_thumb_height = 200; 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" height="'+img_thumb_height+'px" style="background:#fff;padding:3px;border:1px solid #eee;"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <script type='text/javascript'> jQuery(function() { jQuery(".mygallery").jCarouselLite({ btnNext: ".nextb", btnPrev: ".prevb", easing: "backout", vertical: true, auto: 6500, speed: 1000 }); jQuery(".mytext").jCarouselLite({ btnNext: ".nextb", btnPrev: ".prevb", visible: 1, auto: 6500, easing: "backout", speed: 1000 }); }); </script> <div id='wrapper1125'> <div style='position: absolute; width: 360px; height: 18px; z-index: 1; left: 60px; top: 260px;color:#000080'> <span style="color:red;font-size:16px;" >新聞：</span><iframe marginwidth='0' marginheight='0' src='http://www.nownews.com/common/ticker.htm' frameborder='0' width='310' height='18' scrolling=no name='I4' ></iframe> </div> <div id='slidearea'> <div id='gallerycover'> <div class='mygallery'> <ul> <li> <a href='http://eagle1024.blogspot.tw/'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUQmqF7kwxQ3Oq0aLxvsnIIIKSFo6Zsd7CmkeybOUOm89BjkjiLiTNF8oNZz38F2qiDi793kT4Y2Dt4U1ARfAKeVRbmxcw0Kh1FbveFisnufq-myJ8Z30rz3p8lvPnVDi6EYt10ytSiyo/s500/5.6%2520%2520%25E9%25A2%25A8%25E9%259B%25AA%25E4%25B8%25AD%25E7%25AD%2589%25E5%25BE%2585.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-2-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwcEbw7CPmQBbyVSw6Xn9QSTK_VGwQ7Vbq8NgvDgkndbrVuhaExmtcC3VgVmvu_TU6p9L5S6J9INQJbQCkKfDbJvgKZkQ-rVfa1uK8ZyR4GK9s34mWTnaCv964zEnnxBkLkbCSXcV6aqFr/s0/img2.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-3-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCCBVLYdYG-p5E6-8HepbpK9qNsNF7O7dY-exMTkuAOKya3XgrCzG4qvMFWhhTmi8YPzkKDSRDmUlVeAMzb3bsxXK7-LIxAVi2kCJeJKWhvemI39D2Dmdr-82M5Bt156X6zd9o8aJOV56/s0/img3.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-4-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9vLLbVyzV29ut6mYCAUicFu28HxV8Y_eqFHvrLyVf5RUxQY_EkbnTzJximmlWRKiEGYyipszYUPcHccnih66SNhhLFMlCITDyn_8xuTj7EBLzPPt8CWZdStT1PvzL8m-NvSDHVGkeNvES/s0/img4.jpg'/> </a> </li> </ul> <div class='clear'></div> </div> </div> <a class='prevb' href='#'><img alt='Previous' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG2alXrcW0-vyfmHHCpRd8Q-Yfxtd1fgOyqUxuJJDGrzDsjfcT7vgb6QEsT3NCeYR50AaeG7d1GyDInCdUkq6C9ZgaeB0_IWyTl6ZuDXczqtX-V8vohoTNZTlVJXQD-a4BK5PwfIhonfDY/s0/prev.png'/></a> <a class='nextb' href='#'><img alt='Next' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnVjyB72o7kocvYK4ccqvQLSnlaTbgkzUMDWLHXhcbmrvCtPyhATo7k0ngOFw3V-AeQ-rWT-v7bGIZTyfR0Vjc-CBx0e2IETgwqiaUf3zR0ZY0sWiyvrxSVo5g4Z7Vied4Yp7sapEP3yj/s0/next.png'/></a> <div id='textcover'> <div class='mytext'> <ul> <li> <h2><a href='http://eagle1024.blogspot.tw/'>monga</a></h2> <p> Etiam tincidunt lobortis massa et tincidunt. Vivamus commodo feugiat turpis, in pulvinar felis elementum vel. Vivamus mollis tempus odio, ac imperdiet enim adipiscing non. Nunc iaculis sapien at felis posuere at posuere massa pellentesque. Suspendisse a viverra tellus. Nam ut arcu et leo rutrum porttitor. Integer ut nulla eu magna ... </p> </li> <li> <h2><a href='ENTER-SLIDER-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2> <p> Proin ac leo eget nibh interdum egestas? Aliquam vel dolor vitae dui tempor sollicitudin! Integer sollicitudin, justo non posuere condimentum, mauris libero imperdiet urna, a porttitor metus lorem ac arcu. Curabitur sem nulla, rutrum ut elementum at, malesuada quis nisl. Suspendisse potenti. In rhoncus ipsum convallis mauris adipiscing aliquam. Etiam ... </p> </li> <li> <h2><a href='ENTER-SLIDER-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2> <p> Etiam ultrices felis sed ante tincidunt pharetra. Morbi sit amet orci at lorem tincidunt viverra. Donec varius posuere leo et iaculis. Pellentesque ultricies, ante at dignissim rutrum, nisi enim tempor leo, id iaculis sapien risus quis neque. Ut sed mauris sit amet eros tincidunt adipiscing eu vitae lectus. Class aptent ... </p> </li> <li> <h2><a href='ENTER-SLIDER-4-LINK-HERE'>Enter Slide 4 Title Here</a></h2> <p> Pellentesque ut ante magna, eget suscipit metus. Sed scelerisque, urna non vehicula porta, urna tortor malesuada elit, vel ornare tortor diam vel augue? Nunc quis dolor vitae arcu ullamcorper sagittis. Nulla tincidunt velit at nibh ornare condimentum. Fusce metus libero, rhoncus vel ultricies sit amet, scelerisque in eros! Nam adipiscing ... </p> </li> </ul> </div> </div> </div> </div> <!--檢視原始碼--> <style type="text/css"> div.panel_01,p.flip_01 { margin-top:-52px; padding:5px; text-align:center; border:solid 1px #c3c3c3; color:black; width:965px; background:#c4e3aa; } div.panel_01 { height:550px; width:965px; } </style> <!--檢視原始碼--> <br><br><br> <p class="flip_01" ><a href="http://hala999.net/add.php"><input id="button" name="button" type="submit" value="檢視原始碼" /></a><br /> </p> <script type="text/javascript"> $(document).ready(function(){ $(".flip_01").click(function(){ $(".panel_01").slideToggle("slow"); }); }); </script> <br /><br /> <div class="panel_01" style="display: none;"> <textarea name="po" style="color: black; height: 535px; width: 940px;"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <title>孟甲商行</title> </head> <body> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script> <style type='text/css'> img { border:0; margin: 0 0; } /* The Outer cover */ #wrapper1125 { width:970px; margin:0px auto; position:relative; padding:15px 15px; background:#fff; box-shadow: 0 0 10px #111; -moz-box-shadow: 0 0 10px #111; -webkit-box-shadow: 0 0 10px #111; } .sidebar1125 { color: #555555; } .sidebar1125 a { text-decoration: none; color: #6f6f6f; } .sidebar1125 a:hover { text-decoration: none; color: #179ADB; } .sidebar1125 .widget1125 { margin: 0 0 10px 0; background: #ffffff; padding: 10px; border: 1px solid #dddddd; } .sidebar1125 .widget1125 h2 { height: 30px; color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin:0px 0px 2px 0px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzwml04spLDKu5eSemWYdnwI43ziUNH6h6i5JyhF_IJj6msjDT66s_u4kYdFkZIAWuOVLWpJl9clTy37xNac0Q0bTTyiOtry8j9ZFGuGwjhI70tcO2CLxHnldZOTEpD1-6NM0AA0km7w/s970/slide01.jpg); font: normal 20px Georgia, Tahoma, Century gothic, sans-serif; } .sidebar1125 .widget1125-content { margin: 0; padding: 0; } .sidebar1125 ul { list-style-type: none; list-style: none; margin: 0; padding: 0; } .sidebar1125 ul li { padding: 7px 0px; margin: 0; border-bottom: 1px dotted #DDDDDD; } /* --- FOOTER --- */ #slidearea{ height: 330px; overflow: hidden; position: relative; width:970px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzwml04spLDKu5eSemWYdnwI43ziUNH6h6i5JyhF_IJj6msjDT66s_u4kYdFkZIAWuOVLWpJl9clTy37xNac0Q0bTTyiOtry8j9ZFGuGwjhI70tcO2CLxHnldZOTEpD1-6NM0AA0km7w/s970/slide01.jpg) top no-repeat; } #gallerycover{ overflow: hidden; height: 202px; width:353px; position:absolute; left:52px; top:25px; } .mygallery{ position:relative; height: 202px; width:353px; } .mygallery img{ margin: 0px; padding: 0px; border: 0px; outline: 0px; height: 202px; width:353px; } #textcover{ overflow: hidden; height: 225px; width:510px; position:absolute; right:20px; top:50px; } .mytext{ display:inline; float:left; color:#c4c4c4; } .mytext ul li{ height: 225px; } .mytext h2 { padding:5px 10px; color:#fff; font-size: 24px ; width:480px; font-weight:normal; float:left; font-family:Georgia, arial, tahoma, sans-seriff; } .mytext h2 a:link,.mytext h2 a:visited{ color:#fff; } .mytext p{ font-family:Georgia, arial, tahoma, sans-seriff; padding:5px 10px; color:#0b4e77; font-size: 16px ; line-height:22px; width:480px; float:left; text-shadow:1px 1px 0px #2acaff; } .prevb{ float:left; width:27px; height:17px; z-index:200; position:absolute; right:85px; bottom:1px; } .nextb{ float:right; width:27px; height:17px; z-index:200; position:absolute; right:45px; bottom:1px; display:block; } </style> <script type='text/javascript'> jQuery.easing = { easein: function(x, t, b, c, d) { return c*(t/=d)*t + b; // in }, easeinout: function(x, t, b, c, d) { if (t < d/2) return 2*c*t*t/(d*d) + b; var ts = t - d/2; return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b; }, easeout: function(x, t, b, c, d) { return -c*t*t/(d*d) + 2*c*t/d + b; }, expoin: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } return flip001 * (Math.exp(Math.log(c)/d * t)) + b; }, expoout: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } return flip001 * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b; }, expoinout: function(x, t, b, c, d) { var flip001 = 1; if (c < 0) { flip001 *= -1; c *= -1; } if (t < d/2) return flip001 * (Math.exp(Math.log(c/2)/(d/2) * t)) + b; return flip001 * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b; }, bouncein: function(x, t, b, c, d) { return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b; }, bounceout: function(x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, bounceinout: function(x, t, b, c, d) { if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b; return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b; }, elasin: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, elasout: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, elasinout: function(x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, backin: function(x, t, b, c, d) { var s=1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, backout: function(x, t, b, c, d) { var s=1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, backinout: function(x, t, b, c, d) { var s=1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, linear: function(x, t, b, c, d) { return c*t/d + b; //linear } }; //]]> </script> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{})) //]]> </script> <script type='text/javascript'> summary_noimg = 550; summary_img = 450; img_thumb_height = 200; 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" height="'+img_thumb_height+'px" style="background:#fff;padding:3px;border:1px solid #eee;"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <script type='text/javascript'> jQuery(function() { jQuery(".mygallery").jCarouselLite({ btnNext: ".nextb", btnPrev: ".prevb", easing: "backout", vertical: true, auto: 6500, speed: 1000 }); jQuery(".mytext").jCarouselLite({ btnNext: ".nextb", btnPrev: ".prevb", visible: 1, auto: 6500, easing: "backout", speed: 1000 }); }); </script> <div id='wrapper1125'> <div style='position: absolute; width: 360px; height: 18px; z-index: 1; left: 60px; top: 260px;color:#000080'> <span style="color:red;font-size:16px;" >新聞：</span><iframe marginwidth='0' marginheight='0' src='http://www.nownews.com/common/ticker.htm' frameborder='0' width='310' height='18' scrolling=no name='I4' ></iframe> </div> <div id='slidearea'> <div id='gallerycover'> <div class='mygallery'> <ul> <li> <a href='http://eagle1024.blogspot.tw/'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUQmqF7kwxQ3Oq0aLxvsnIIIKSFo6Zsd7CmkeybOUOm89BjkjiLiTNF8oNZz38F2qiDi793kT4Y2Dt4U1ARfAKeVRbmxcw0Kh1FbveFisnufq-myJ8Z30rz3p8lvPnVDi6EYt10ytSiyo/s500/5.6%2520%2520%25E9%25A2%25A8%25E9%259B%25AA%25E4%25B8%25AD%25E7%25AD%2589%25E5%25BE%2585.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-2-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwcEbw7CPmQBbyVSw6Xn9QSTK_VGwQ7Vbq8NgvDgkndbrVuhaExmtcC3VgVmvu_TU6p9L5S6J9INQJbQCkKfDbJvgKZkQ-rVfa1uK8ZyR4GK9s34mWTnaCv964zEnnxBkLkbCSXcV6aqFr/s0/img2.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-3-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixCCBVLYdYG-p5E6-8HepbpK9qNsNF7O7dY-exMTkuAOKya3XgrCzG4qvMFWhhTmi8YPzkKDSRDmUlVeAMzb3bsxXK7-LIxAVi2kCJeJKWhvemI39D2Dmdr-82M5Bt156X6zd9o8aJOV56/s0/img3.jpg'/> </a> </li> <li> <a href='ENTER-SLIDER-4-LINK-HERE'> <img alt='' class='slimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9vLLbVyzV29ut6mYCAUicFu28HxV8Y_eqFHvrLyVf5RUxQY_EkbnTzJximmlWRKiEGYyipszYUPcHccnih66SNhhLFMlCITDyn_8xuTj7EBLzPPt8CWZdStT1PvzL8m-NvSDHVGkeNvES/s0/img4.jpg'/> </a> </li> </ul> <div class='clear'></div> </div> </div> <a class='prevb' href='#'><img alt='Previous' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG2alXrcW0-vyfmHHCpRd8Q-Yfxtd1fgOyqUxuJJDGrzDsjfcT7vgb6QEsT3NCeYR50AaeG7d1GyDInCdUkq6C9ZgaeB0_IWyTl6ZuDXczqtX-V8vohoTNZTlVJXQD-a4BK5PwfIhonfDY/s0/prev.png'/></a> <a class='nextb' href='#'><img alt='Next' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnVjyB72o7kocvYK4ccqvQLSnlaTbgkzUMDWLHXhcbmrvCtPyhATo7k0ngOFw3V-AeQ-rWT-v7bGIZTyfR0Vjc-CBx0e2IETgwqiaUf3zR0ZY0sWiyvrxSVo5g4Z7Vied4Yp7sapEP3yj/s0/next.png'/></a> <div id='textcover'> <div class='mytext'> <ul> <li> <h2><a href='http://eagle1024.blogspot.tw/'>monga</a></h2> <p> Etiam tincidunt lobortis massa et tincidunt. Vivamus commodo feugiat turpis, in pulvinar felis elementum vel. Vivamus mollis tempus odio, ac imperdiet enim adipiscing non. Nunc iaculis sapien at felis posuere at posuere massa pellentesque. Suspendisse a viverra tellus. Nam ut arcu et leo rutrum porttitor. Integer ut nulla eu magna ... </p> </li> <li> <h2><a href='ENTER-SLIDER-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2> <p> Proin ac leo eget nibh interdum egestas? Aliquam vel dolor vitae dui tempor sollicitudin! Integer sollicitudin, justo non posuere condimentum, mauris libero imperdiet urna, a porttitor metus lorem ac arcu. Curabitur sem nulla, rutrum ut elementum at, malesuada quis nisl. Suspendisse potenti. In rhoncus ipsum convallis mauris adipiscing aliquam. Etiam ... </p> </li> <li> <h2><a href='ENTER-SLIDER-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2> <p> Etiam ultrices felis sed ante tincidunt pharetra. Morbi sit amet orci at lorem tincidunt viverra. Donec varius posuere leo et iaculis. Pellentesque ultricies, ante at dignissim rutrum, nisi enim tempor leo, id iaculis sapien risus quis neque. Ut sed mauris sit amet eros tincidunt adipiscing eu vitae lectus. Class aptent ... </p> </li> <li> <h2><a href='ENTER-SLIDER-4-LINK-HERE'>Enter Slide 4 Title Here</a></h2> <p> Pellentesque ut ante magna, eget suscipit metus. Sed scelerisque, urna non vehicula porta, urna tortor malesuada elit, vel ornare tortor diam vel augue? Nunc quis dolor vitae arcu ullamcorper sagittis. Nulla tincidunt velit at nibh ornare condimentum. Fusce metus libero, rhoncus vel ultricies sit amet, scelerisque in eros! Nam adipiscing ... </p> </li> </ul> </div> </div> </div> </div> </body> </html> </textarea> </div>0