2020年11月21日 星期六
2020年9月26日 星期六
選擇標題邊框（長方形） 語法(代碼)教學 2 Select title border HTML Code Teaching 2
下面教大家 選擇標題邊框（長方形） 語法(代碼)教學 Select title border HTML Code Teaching
效果（範例）演示(顯示)結果如下：
效果（範例）演示(顯示)結果如下：
顯示圖片走馬燈（流水式） 語法(代碼)教學 Display Picture flashing HTML Code Teaching
修改圖片地址及網頁地址，就可以成功”顯示圖片走馬燈 “
效果（範例）演示(顯示)結果如下：
2020年9月25日 星期五
最近更新播客顯示內容 語法(代碼)教學 Recent Updates Blog content HTML Code Teaching
<script>
<script src="http://designlife2009.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script>
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
修改紅色的部分的文章數目及網頁地址，就可以成功”顯示最近更新播客內容“
效果（範例）演示(顯示)結果如下：
效果（範例）演示(顯示)結果如下：
2020年9月24日 星期四
選擇標題邊框（長方形） 語法(代碼)教學 Select title border HTML Code Teaching
下面教大家 選擇標題邊框（長方形） 語法(代碼)教學 Select title border HTML Code Teaching
效果（範例）演示(顯示)結果如下：
效果（範例）演示(顯示)結果如下：
2020年9月6日 星期日
語法(代碼)教學 HTML Code teaching
-
語法(代碼)教學
- 顯示圖片走馬燈（流水式） 語法(代碼)教學 Display Picture flashing HTML Code Teaching
- 選擇標題邊框（長方形） 語法(代碼)教學 Select title border HTML Code Teaching
- 選擇標題邊框（長方形） 語法(代碼)教學 2 Select title border HTML Code Teaching 2
- 最近更新播客顯示內容 語法(代碼)教學 Recent Updates Blog content HTML Code Teaching
- 語法(代碼)教學 Code teaching - 文字段落分明, 文字向左、右、置中對齊，文字段落分隔線
- 網頁IP地址顯示 - 判斷目前網路 IP (IP查詢 免費程式代碼) Web page IP address display (free code)
- 自動偵測遊客的IP来自哪裡，瀏覽器及電腦系統的語法
- 即時新聞快報的語法(代碼)教學
- 節日倒數計時器語法(代碼)教學 Festival countdown timer
2020年9月5日 星期六
語法(代碼)教學 Code teaching - 文字段落分明, 文字向左、右、置中對齊 ，文字段落分隔線
為了使段落分明，可以用段落標記
來控制
語法(代碼)如下:
效果（範例）演示(顯示)結果如下：
學會寬容，
學會放棄，
拽的越緊，
痛苦的是自己。
如段落標記
也可以用來控制文字的對齊方式，那可以加上ALIGN的屬性設定，可控制段落中的文字向左(LEFT)、右(RIGHT)或是置中對齊(CENTER)。
語法(代碼)如下:
效果（範例）演示(顯示)結果如下：
文字會向右對齊
文字會向中對齊
文字會向左對齊
分隔線標記
是一個空標記( Empty Tag )
語法(代碼)如下:
效果（範例）演示(顯示)結果如下：
學會寬容，
學會放棄，
拽的越緊，
痛苦的是自己。
2020年9月4日 星期五
網頁IP地址顯示 - 判斷目前網路 IP (IP查詢 免費程式代碼) Web page IP address display (free code)
1. 判斷目前網路的IP address，快速得知自己的 ip address.
2. 網頁IP顯示免費代碼 在網站、博客、論壇等網站上，按需求把下面代碼放在網頁源碼的適當位置即可。 免費顯示用戶IP信息的代碼 （600*25）有邊框
效果演示
2. 網頁IP顯示免費代碼 在網站、博客、論壇等網站上，按需求把下面代碼放在網頁源碼的適當位置即可。 免費顯示用戶IP信息的代碼 （600*25）有邊框
免費顯示用戶IP信息的代碼 （600*25）有邊框
效果演示
免費顯示用戶IP信息的代碼 （460*15）無邊框
效果演示
2010年6月13日 星期日
自動偵測遊客的IP来自哪裡，瀏覽器及電腦系統的語法
可以偵測IP来自哪裡，瀏覽器及使用操作系統的語法
<script language="javascript" src="http://www.linkwan.com/gb/broadmeter/VisitorInfo/systeminfo.asp?OnlyAddress=yes"></script> <script language="javascript" src="http://www.linkwan.com/gb/broadmeter/VisitorInfo/systeminfo.asp"></script>顯示的效果：
2010年2月8日 星期一
即時新聞快報的語法(代碼)教學
1.中國新浪快報的語法(代碼)：
顯示的效果：
-----------------------------------------------------------------------------------
2.文匯報新聞快報的語法(代碼)：
顯示的效果：
-----------------------------------------------------------------------------------
3.NOWnews新聞快報的語法(代碼)：
顯示的效果：
-----------------------------------------------------------------------------------
4.CCTV新聞快報的語法(代碼)：
顯示的效果：
-----------------------------------------------------------------------------------
5.中時電子快報的語法(代碼)：
顯示的效果：
-----------------------------------------------------------------------------------
6.民視新聞聯播的語法(代碼)：
顯示的效果：
<iframe src="http://news.sina.com.cn/o/allnews/input/index.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="18" width="450"></iframe>
顯示的效果：
-----------------------------------------------------------------------------------
2.文匯報新聞快報的語法(代碼)：
<iframe src="http://www.wenweipo.com/include_module/module_scroll_vertical_instant_news.php"width=450 height=24 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe>
顯示的效果：
-----------------------------------------------------------------------------------
3.NOWnews新聞快報的語法(代碼)：
<iframe src="http://www.ettoday.com/common/ticker.htm"width=450 height=18 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe>
顯示的效果：
-----------------------------------------------------------------------------------
4.CCTV新聞快報的語法(代碼)：
<iframe src="http://www.cctv.com/homepage/46/index.shtml"width=450 height=18 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe>
顯示的效果：
-----------------------------------------------------------------------------------
5.中時電子快報的語法(代碼)：
<iframe src="http://news.chinatimes.com//2009Cti/index/inc/2009Cti-Index-inc-03-Channel-Rtn/0,5062,398,00.shtml" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="43" width="450"></iframe>
顯示的效果：
-----------------------------------------------------------------------------------
6.民視新聞聯播的語法(代碼)：
<iframe src="http://mlb.ftv.com.tw/ftvrss1.aspx?page=00&maxs=05"marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="150" width="250"></iframe>
顯示的效果：
2010年2月5日 星期五
節日倒數計時器語法(代碼)教學 Festival countdown timer
距離2011.1.1 元旦倒數 計時器《中文版》的語法(代碼)：
顯示的效果：
語法(代碼)：
1.首先復習語法(代碼)后，進入「資訊主頁」>「版面配置」>「網頁元素」>「新增小工具」>選擇「HTML/JavaScript 新增」>將語法(代碼)放上「HTML/JavaScript」里，這樣就完成啦！！
顯示的效果：
語法(代碼)：
<script language="JavaScript">
<!--
document.write('<div align="center">')
document.write('<form name="count">')
document.write('<input type="text" size="55" name="count2" style="background-color:#0066ff;color:#ffffff">')
document.write('</form></div>')
//change the text below to reflect your own,
var before="新年快樂!"
var current="Today is Christmas. Merry Christmas!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="還剩 "+dday+ " 天, "+dhour+" 小時, "+dmin+" 分, 和 "+dsec+" 秒 元旦就來臨了! "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2011,1,1)
//-->
</script>
訂閱：
文章 (Atom)
