DREAMER

演示如下

新聞：

monga
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 ...
Enter Slide 2 Title Here
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 ...
Enter Slide 3 Title Here
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 ...
Enter Slide 4 Title Here
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 ...

<!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>

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/AVvXsEjAsdp3xpboar7KFBGEowRhm2zhW01rp-8rqx9bLPbiXxVI05bIYa5Z5zm2Ma1mtRwtIykIJAOndYqyNKicG-6yjy4Yh9GbFiAJir2qHUJCkekSvM1QKGa_IbGIwMYOwewWh9lookVhOrQ/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/AVvXsEjAsdp3xpboar7KFBGEowRhm2zhW01rp-8rqx9bLPbiXxVI05bIYa5Z5zm2Ma1mtRwtIykIJAOndYqyNKicG-6yjy4Yh9GbFiAJir2qHUJCkekSvM1QKGa_IbGIwMYOwewWh9lookVhOrQ/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;
}
.prevb01{
float:left;
width:27px;
height:17px;
z-index:200;
position:absolute;
right:85px;
bottom:1px;
}
.nextb01{
float:right;
width:27px;
height:17px;
z-index:200;
position:absolute;
right:45px;
bottom:1px;
display:block;
}

</style>

//]]>
</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>

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>

});
jQuery(".mytext").jCarouselLite({
        btnNext: ".nextb01",
        btnPrev: ".prevb01",
  visible: 1,
  auto: 6500,
  easing: "backout",
     speed: 1000
 
    }); 
});
</script>

<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 src="https://www.ettoday.net/ticker.htm" width="370"  height="15" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" allowtransparency="true"></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/AVvXsEhHncvEKI6Y23lLXZs1kFdScqV-HmlrKyU6Jiav8OOV9hA5nZzGCN79ZbiqO-ZHQz_nsL0kJ_H7_uHHIrvwbwwX7ytQ7y4T0bkNDxu5ACi9cUKJ4IAy56LpB_dySDSxkNariPAesrLNSME/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='http://3.bp.blogspot.com/-JVW4nJCerMQ/URwHpYQKDgI/AAAAAAAACsQ/XJZuvFTKfRo/s000/img2.jpg'/>
</a>
</li>
<li>
<a href='ENTER-SLIDER-3-LINK-HERE'>
<img alt='' class='slimg' src='http://3.bp.blogspot.com/-bbOJIbOS3DY/URwHsZK9xUI/AAAAAAAACsU/ibjmfhF-aUM/s000/img3.jpg'/>
</a>
</li>
<li>
<a href='ENTER-SLIDER-4-LINK-HERE'>
<img alt='' class='slimg' src='http://1.bp.blogspot.com/-k_6-aoKe7Mg/URwHtJ4iVxI/AAAAAAAACsc/of1v1545baY/s000/img4.jpg'/>
</a>
</li>
</ul>
<div class='clear'>
</div>
</div>
</div>
<a class='prevb01' href='#'><img alt='Previous' src='http://4.bp.blogspot.com/-aQUNBGjPoXc/URwHtTfm_BI/AAAAAAAACsk/7a0sOYdxqbw/s000/prev.png'/></a>
<a class='nextb01' href='#'><img alt='Next' src='http://1.bp.blogspot.com/-etgA0qOkJOQ/URwHtmta6WI/AAAAAAAACss/NdDPtqS6bwQ/s000/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>