小 春 日 和

現在新版的瀏覽器FF/Chrome/IE9都已經不會有嵌入iframe有白框邊的問題了
唯獨IE8/IE7還是會有
解決方法如下:
<iframe name="container" frameborder="0" allowtransparency="true" id="container" src="{$func_url}" width="100%"
height="auto" marginwidth="100%" marginheight="100%" border="0" scrolling="no" onload="Javascript:SetCwinHeight()">

使用前要先下載並引入：jquery.cookie.js
（https://github.com/carhartl/jquery-cookie）
 

 <iframe> 

Basic
<iframe id="ytplayer" width="460" height="289" src="http://www.youtube.com/embed/fxs970FMYIo" frameborder="0" allowfullscreen></iframe>
 

/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span,object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong,sub, sup,var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del{
text-decoration: line-through;
}
abbr[title], dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em0;
padding:0;
}
input,select{
vertical-align:middle;
}

<script type="text/javascript">     
        var loadInfo = function(videoId) {
            var gdata = document.createElement("script");
            gdata.src = "http://gdata.youtube.com/feeds/api/videos/" + videoId
                    + "?v=2&alt=jsonc&callback=storeInfo";
            var body = document.getElementsByTagName("body")[0];
            body.appendChild(gdata);
        };
        var storeInfo = function(info) {
            console.log(info.data.title);
        };
</script>

 
head裡面填入
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">

<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script>
(function() {
/*確認使用者是否第一次進入本網頁*/

頁面有亂碼，這可以除亂碼
<%@ codepage=65001%>
 
用迴圈印出變數

範例下載：
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/#
http://djdesignerlab.com/2011/07/08/16-jquery-menus-with-beautiful-animations-for-developers/

table {
　　　border: 1px solid #ccc;
　　　border-collapse: collapse;
}
tr, td {
　　　border: 1px solid #ccc;
}