>即時新聞-熱門

显示标签为“JAVASCRIPT教學”的博文。显示所有博文
显示标签为“JAVASCRIPT教學”的博文。显示所有博文

2008年12月21日星期日

HTML的跑馬燈語法

以下語法請參考喔
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=20 ><FONT ... color=#990000 size=2 >歡迎來到妹咕網站</font> </marquee>

2008年12月19日星期五

FLASHCS3 - 載入文字

1 準備TXT文字檔二個一個是CSS 檔一個是TEXT檔
TEXT文字檔格式如下

標題



文章內容
儲存成檔案 : A.TXT
2 CSS檔案內容如下

p { fontSize:22pt; fontFamily:微軟正黑體; color: #FF0000; }
.btext { fontSize:16pt; fontFamily:新細明體; color: #0000FF;}

儲存成檔案 : B.CSS

1 開新檔案 / 選取文字工具 / 設定動態文字 / 輸入名稱 my_txt
2 選取第1個影格 / 按F9 / 輸入ACTION指令
內容如下


System.useCodePage = true;
var style:URLLoader = new URLLoader();
var stylereq:URLRequest = new URLRequest("b.css");
style.addEventListener(Event.COMPLETE, onCSSFileLoaded);
style.load(stylereq);
function onCSSFileLoaded(me:Event){
var sheet:StyleSheet = new StyleSheet();
sheet.parseCSS(style.data);
my_txt.styleSheet = sheet;
}
var word:URLLoader = new URLLoader();
var wordreq:URLRequest = new URLRequest("a.txt");
word.addEventListener(Event.COMPLETE, onHTMLFileLoaded);
word.load(wordreq);
function onHTMLFileLoaded(me:Event){
my_txt.htmlText = word.data;
}

註: 放置在同一個目錄

網頁文件的大中小設計

最近教網頁設計的課程 學生問到如何設計大中小網頁文件製作
以下使用javascript的設計完成
請依下列步驟完成
1 打開dreamweaver / 開新網頁
2 輸入網頁文章
3 完成後 , 切至程式碼
4 於 <body>之後加入下列語法
<P align=right>字體大小設定| <A 
 href="javascript:doscale(24)">大</A> |<A 
 href="javascript:doscale(16)">中</A>| <A 
 href="javascript:doscale(10)">小</A> |
<div id=scale>
5 於</body>之前加入下列語法
</div>
6 於/</head>之前加入javascript語法下列語法

<SCRIPT Language="JavaScript">

Function doscale(size){
document.getElementById('scale').style.fontSize=size+'pt'

</SCRIPT>

很好用喔

2008年3月28日星期五

移除跑馬燈的程式內容-JAVASCRIPT

<marquee onmouseover="stop()" scrollamount="3" onmouseout="start()"><a href="mailto:alexmysir@gmail.com?subject=大家來合作">同學們 老師最近看到哈尼阿華田的想法 所以決定在自己的BLOG放置這樣的訊息 , 日後同學或其他長官有網頁設計或網站設計或其他電腦案件都可以接下來 , 然後大家一同來完成 , 可以早日實現哈尼的夢想</a></marquee><br/>

2008年3月21日星期五

學生的問題 - 解答

老師您好:
原先設章節為Chapter 1 ,Chapter 2,,,,現要將其更改為1,2,3,... 如何改? (只要標題1更改而已)其餘仍為1.1, 1.2, 2 .1, 試到半夜仍不得解,很急的要答案,謝謝



答案是
格式 / 項目符號及編號 / 大綱 / 自訂 / 請將CHAPTER刪除即可

2007年12月12日星期三

javascript教學 - 閃爍跑馬燈

這個可是n年前就自行開發使用的喔 , 複製後請自行轉半型 , 並置放</head>之前,程式如下:
<script language="JavaScript">
var keyword = "歡迎來到妹咕老師數位學習網";
var speed = 200;
var control = 1;
function show(){ 
 if (control == 1) {  
                   window.status=keyword;
                     control=0;    }  
                else { 
                    window.status="";
                    control=1;    }
        setTimeout("show();",speed);}
</script>
以下為程式解說 :
<script language="JavaScript">:程式開始
</script>:程式結束
var keyword = "歡迎來到妹咕老師數位學習網";var speed = 200;var control = 1;變數宣告keyword跑馬燈訊息 , speed速度控制 , control : 顯示控制
function show():顯示副程式
 if (control == 1):判定顯示方式 一次有 一次沒有
window.status : 狀態列設定
setTimeout("show();",speed):依系統時間改變做顯示

下面還有。。。。
請於<body>之內輸入下列語法
onload="show();"
答案 : <body onload="show();>
註:可以改變文字長度或速度喔

javascript教學 - 防止右鍵

現在有很多軟體都可以做到此一功能 , 但我還是決定寫下來
<script language="JavaScript">
if (navigator.appName.indexOf("Internet Explorer") != -1) 
document.onmousedown = noSourceExplorer;
function noSourceExplorer(){
if (event.button == 2 | event.button == 3)
{  window.alert("不要亂亂按玩了")  }

</script>
不要忘記複製後 請自行轉半型
以下解說
<script language="JavaScript"> : 程式開始
</script> : 程式結束
if (navigator.appName.indexOf("Internet Explorer") != -1) : 判斷瀏灠器類型
document.onmousedown = noSourceExplorer; : 按一滑鼠任何鍵進行呼叫副程式
function noSourceExplorer(){if (event.button == 2 | event.button == 3){  window.alert("不要亂亂按玩了")  }: 副程式內容
if (event.button == 2 | event.button == 3):判斷按了哪一鍵 ,1 : 左鍵 , 2 或 3 : 是右鍵
window.alert("不要亂亂按玩了") : 視窗訊息

註 : 請將此程式置於</head>之前

 
妹咕數位學園歡迎網友們來信指教 妹咕信箱