網頁計數功能
嵌入Youtube影片,連結的href屬性,請使用影片"分享"->"嵌入"中,src屬性的網址,
如"
https://www.youtube.com/embed/FxSlOQJltf4"。
授課影音
<script src="http://網站Domain/jQuery/clickcounter-1.4.0.js"></script>
<script src="http://網站Domain/jQuery/countrank-1.3.4.js"></script>
<script>
$("div.count").countclick({video_width:960,video_height:720});
$(document).ready(function(){$("div.ranklist").ranktable({rows:1});});
$("div.ranklist2").ranklist();
/*$("div.count").countclick({video_width:960,video_height:720,enable_count:false}); //enable_count為停用計數保留影片撥放效果*/
</script>
<style type="text/css">
/*ranklist設置*/
div.ranklist table {border:1px #ccc solid;width:100%;}
div.ranklist th {border-bottom: 1px solid #ccc;}
div.ranklist tr > * {text-align: center;}
/*ranklist2設置*/
div.ranklist2{float:left;border:1px solid #ccc;width:200px;padding:0px;clear:both;}
div.ranklist2 > ol {margin: 5px 10px;}
div.ranklist2 > ol > li {float:left;width:1px;clear:both;padding:0px;margin-left:-20px;}
div.ranklist2 div.rank_count{float:left;width:70px;}
div.ranklist2 div.rank_name{float:left;width:80px;margin-left:-20px;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
/*rank外框試作*/
div.ranklistdiv{float:left;width:170px;border:1px solid rgb(161,47,38);margin-bottom:20px;}
div.rankdivtitle{background:rgb(161,47,38);color:#fff;text-align:center;}
</style>