Thanh cuộn trạng thái của bạn sẽ hiển thị một đoạn text xuất hiện từng ký tự một, trông rất giống như chúng được đánh máy ra. Trước tiên bạn chỉ cần dán mã sau vào phần <head> : <script language=”javascript”> <!– Hide from old browsers var total=true; message = “Day la phan thu thuat ve JavaScript de lam tang them huong vi cho trang web cua ban.^” + “Trang nay duoc phat di tu Internet Today _ http://www.vnn.vn/i-today!^” + “Chuc cac ban thanh cong!^” + “^” scrollSpeed = 25 lineDelay = 1500 txt = “” function scrollText(pos) { if [...]
Học lập trình
Tạo nhạc nền ngẫu nhiên sử dụng Java Script
Những hình ảnh trong trang bạn rất vui mắt nhưng đo chỉ là những hình ảnh câm mà thôi. Hãy thêm gia vị cho nó bằng những bản nhạc mà mình yêu thích. Trước tiên bạn hãy dán đoạn script sau vào phần <head> trong trang của mình. Nhớ thay đổi tên file midi trong sound1, sound2, sound3,sound4, sound5 cho phù hợp với những bản nhạc tủ của bạn. Bởi vì lỗi không tìm thấy file midi sẽ không hề nói cho bạn câu nào. <script> <!– var sound1=”first.mid” var sound2=”second.mid” var sound3=”third.mid” var sound4=”fourth.mid” var sound5=”fifth.mid” var x=Math.round(Math.random()*4) if [...]
Tạo đồng hồ bằng Form sử dụng Java Script
Bài viết sau đây sẽ hướng dẫn bạn tạo một chiếc đồng hồ sinh động trên trang web của mình. Đây mới chỉ là một bước đầu làm quen với đồng hồ, còn rất nhiều kiểu mẫu đa dạng khác để bạn thoải mái sự sáng tạo cho riêng mình Trước tiên bạn hãy dán đoạn Script sau vào bất kỳ nơi nào bạn muốn trình bày một chiếc đồng hồ của mình <form name=”Tick”> <input type=”text” size=”11″ name=”Clock”> </form> <script> <!– function show(){ var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn=”AM” if (hours>=12) dn=”PM” if (hours>12) [...]
Tạo thanh cuộn trạng thái sử dụng Java Script
Bài viết sau đây sẽ hướng dẫn cách tạo thanh cuộn trạng thái. Đoạn script này sẽ cuộn bất kỳ text nào bạn muốn hiển thị trên thanh trạng thái. Trước tiên bạn chỉ cần dán đoạn script sau vào phần <body trong trang của bạn và thay đổi đoạn text tùy thích ở phần chữ màu hồng <BODY onLoad=”scrollit(100)”> <SCRIPT> <!– function scrollit(seed) { var m1 = ” Hy vong ban thay thich trang nay_”; var m2 = ” Internet Today voi nhung cap nhat moi nhat ve “; var m3 = ” Cong nghe thong tin tai Viet [...]
Thay đổi ảnh theo chuột sử dụng Java Script
Bài viết sau đây sẽ hướng dẫn bạn đọc cách thay đổi ảnh theo chuột. Đoạn cript “slide show” này thay đổi ảnh mỗi lần bạn trỏ con chuột tới một link mới. Bản thân mỗi ảnh cũng là siêu liên kết, url của chúng tương ứng với link khi chuột trượt trên một đoạn text nhỏ. Bạn nên dùng nó để mô tả đồ họa một link quan trọng trong trang của bạn. Trước tiên bạn hãy chèn đoạn script sau vào phần <head> trong trang của bạn: <script> function changeimage(towhat,url){ if (document.images){ document.images.targetimage.src=towhat.src gotolink=url } } function warp(){ [...]
Tạo con trỏ xoay vòng sử dụng Java Script
Bài viết sau đây xin giới thiệu với bạn đọc cách tạo con trỏ xoay vòng. Hiệu ứng con trỏ với những cái bóng con con xoay xung quanh được tạo bởi DHTML. Không chỉ bạn mà cả những người khách của bạn chắc chắn đều sẽ thích nó! Trước tiên bạn chén đoạn mã sau vào phần <body> trong trang của bạn, ngay sau tag <body> <!–webbot bot=”HTMLMarkup” startspan –> <SCRIPT language=”JavaScript”> window.onerror=null; netscape = (document.layers) ? 1:0; goodIE = (document.all) ? 1:0; document.onmousemove=MoveHandler; var gotthere = 0; var count = 0; var ietopcorner=” var ieleftcorner=” toplocation = new [...]
Tạo con trỏ pháo hoa sử dụng Java Script
Bài viết sau đây xin giới thiệu với bạn đọc cách tạo con trỏ pháo hoa. Đoạn cript này thêm những cái bóng con ngộ nghĩnh vào con trỏ của bạn. Hiệu quả ngay tức thì Trước tiên bạn chén đoạn mã sau vào phần <head> trong trang của bạn: <STYLE TYPE=”text/css”> <!– BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; [...]
Tạo chữ lượn sóng sử dụng Java Script
Bài viết sau đây xin giới thiệu với bạn đọc cách cắt dán đoạn text lượn sóng. Bạn muốn làm vui mắt đoạn văn bản của mình ? Đoạn script này sẽ làm nhấp nhô các chữ trên màn hình . Trước tiên bạn chén đoạn mã sau vào phần <body> trong trang của bạn: <script> var fs=1 var direction=”right” function rollertext(whichone){ var thetext=whichone for (i=0;i<thetext.length;i++){ document.write(thetext.charAt(i).fontsize(fs)) if (fs<7&&direction==”right”) fs++ else if (fs==7){ direction=”left” fs– } else if (fs==1){ direction=”right” fs++ } else if (fs>1&&direction==”left”) fs– } } //Change below text to your won rollertext(“I love Java Scripts!”) </script> Để [...]
Tạo combo box kết nối sử dụng Java Script
Bài viết sau đây xin giới thiệu với bạn đọc cách cắt dán combo box kết nối sử dụng Java Script. Đây là một hộp Combo box cho phép bạn jump tới các địa chỉ yêu thích của mình. Trước tiên bạn chén đoạn mã sau vào phần <body> trong trang của bạn <form name=”take”> <table border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <td width=”100%”><select name=”take2″ size=”5″> <option selected value=”http://www.vnn.vn/i-today”>Internet Today</option> <option value=”http://www.vnn.vn/vnn3″>Culture & Fashion</option> <option value=”http://www.cnn.com”>CNN</option> <option value=”http://www.microsoft.com”>Microsoft</option> <option value=”http://www.netscape.com”>Netscape</option> </select> <script> <!– function taking() { location= document.take.take2.options[document.take.take2.selectedIndex].value } //–> </script> </td> </tr> <tr> <td width=”100%”><div align=”center”><center><p><input type=”button” value=”Take Me There!” name=”B1″ [...]
Tạo khung trượt ảnh sử dụng Java Script
Bài viết sau đây chúng tôi xin giới thiệu với bạn đọc cách cắt dán “khung trượtt ảnh” . Một script “khung trượt ảnh” cho phép bạn tự xem các ảnh trong khung trợt bao nhiêu tùy thích bằng các phím lùi và tiến. Trước tiên bạn chỉ cần chèn script dưới đây vào phần <BODY> trong trang của bạn <table border=”0″ cellpadding=”0″> <caption><strong>Air Show Photos</strong></caption> <tr> <td width=”100%”><img src=”plane1.gif” width=”300″ height=”240″ name=”photoslider”></td> </tr> <tr> <td width=”100%”><form method=”POST” name=”rotater”> <div align=”center”><center><p><script language=”JavaScript1.1″> var photos=new Array() var which=0 photos[0]=”plane1.gif” photos[1]=”plane2.gif” photos[2]=”plane3.gif” photos[3]=”plane4.gif” photos[4]=”plane5.gif” function backward(){ if (which>0){ window.status=” which– document.images.photoslider.src=photos[which] } [...]
Hỗ trợ: (04) 3552 6833
