|
1. Pull
down menu 1
Αντιγράψτε τον παρακάτω κώδικα κάτω από
το head tag του κώδικα
html της σελίδας:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var refer=true;
function combo() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}
}
// End -->
</script>
</HEAD>
2. Αντιγράψτε και επικολλήστε το παρακάτω,
κάτω από το body tag του κώδικα
html της σελίδας:
<BODY>
<table align="center">
<tr><td>
<table width="200" border="1" cellspacing="0" cellpadding="0"
bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2"> Choose a link</font>
</td>
<td align="right" width="21">
<img src="img/combo_arrow.gif" name="combo_arrow" width="21" height="21"
alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px;
height:?px; z-index:1; visibility:hidden">
<table width="200" border="1" cellspacing="0" cellpadding="0"
bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">
<a href="http://javascript.internet.com" target="_blank"> <img src="bullet2.gif"
border="0" width="8" height="8"> The Javascript Source</a><br>
<a href="http://www.wdvl.com/" target="_blank"> <img src="bullet2.gif"
border="0" width="8" height="8"> WDVL</a><br>
<a href="http://webhost.thelist.com/" target="_blank"> <img src="bullet2.gif"
border="0" width="8" height="8"> theList</a><br></font>
</td>
</tr>
</table>
</td></tr>
</table>
3. Αλλάξτε τους υπερσυνδέσμους
με δικούς σας -εσωτερικούς ή εξωτερικούς -, προσθέστε νέους, αλλάξτε
κατά βούληση το κείμενο, το χρώμα και το μέγεθος του
menu.
Για το βελάκι του menu
θα χρειαστείτε δύο images που θα βρείτε
εδώ.
2.
Ανακατεύθυνση
Εαν θέλετε να ανακατευθύνετε τους
επισκέπτες της παλιάς σας ιστοσελίδας, στη νέα, -ή οπουδήποτε αλλού,-
κάντε τα εξής:
1. Ανοίξτε την κεντρική
σελίδα (συνήθως η index.htm)
2.
Επιλέξτε "file",
"properties" και μετά "custom"(προσαρμογή).
3. Στο πεδίο "System
variables (HTTP-EQUIV)"(μεταβλητές συστήματος),επιλέξτε "add".
4.
Στο παράθυρο διαλόγου που ανοίγει στο "name field",
πληκτρολογήστε "refresh", και
στο value field, τον αριθμό των δευτερολέπτων
της αναμονής πριν την ανακατεύθυνση, ερωτηματικό ;, = , και το
URL στο οποίο θα ανακατευθύνετε.
Παράδειγμα: 3;=www.de.sch.gr/~anpapad/ ,
σημαίνει ότι μετά από τρία δευτερόλεπτα θα γίνει ανακατεύθυνση στην
συγκεκριμένη διεύθυνση.
Με τον ίδιο τρόπο μπορείτε να κάνετε
ανακατεύθυνση σε άλλη σελίδα του ίδιου web.
3. drop
down menu 2
Απλά αντιγράψτε το
παρακάτω script στο σημείο του κώδικα που
επιθυμείτε να εμφανιστεί το menu.
Παρέχεται η δυνατότητα
αλλαγής χρωμάτων, φόντου, γραμματοσειράς και προσθήκης όσων
υπερσυνδέσμων χρειάζεστε.
<script language="JavaScript">
// Script Source: CodeLifter.com
// Copyright 2003 by CodeLifter.com
// Author: etLux
// Free for all, but leave in this header
// Set the target window or frame
// _top opens in the same window
// _blank opens in a new window
// Use the frame name to open to a frameset target
var theTarget = "_blank";
function goThere(){
if(!document.theForm.theMenu.selectedIndex==""){
window.open(document.theForm.theMenu.options[document.theForm.theMenu.selectedIndex].value,theTarget,"");}}
</script>
<!--
Change the option selected Your Title to your menu title.
Change the http: addresses and Item names to your own.
Follow the pattern to use more items.
//-->
<form name="theForm">
<select name="theMenu" size=1 onChange="goThere()">
<option selected value="">Your Title
<option value="http://www.the_site.com/page1.html">Item One
<option value="http://www.the_site.com/page2.html">Item Two
<option value="http://www.the_site.com/page3.html">Item Three
<option value="http://www.the_site.com/page4.html">Item Four
<option value="http://www.the_site.com/page5.html">Item Five
</select>
</form>
============================================================
4.
Ημερομηνία με μορφή μήνας - ημέρα - έτος.
Απλά αντιγράψτε τον
κώδικα. Με μια μικρή επέμβαση είναι δυνατή η εμφάνιση με άλλη σειρά.
-
// -- made by
A1javascripts.com, please keep these credits when using this script
days = new Array(7)
days[1] = "Κυριακή";
days[2] = "Δευτέρα";
days[3] = "Τρίτη";
days[4] = "Τετάρτη";
days[5] = "Πέμπτη";
days[6] = "Παρασκευή";
days[7] = "Σάββατο";
months = new Array(12)
months[1] = "Ιανουάριος";
months[2] = "Φεβρουάριος";
months[3] = "Μάρτιος";
months[4] = "Απρίλιος";
months[5] = "Μάιος";
months[6] = "Ιούνιος";
months[7] = "Ιούλιος";
months[8] = "Αύγουστος";
months[9] = "Σεπτέμβριος";
months[10] = "Οκτώβριος";
months[11] = "Νοέμβριος";
months[12] = "Δεκέμβριος";
today = new Date(); day = days[today.getDay() + 1]
month = months[today.getMonth() + 1]
date = today.getDate()
year=today.getYear();
if (year < 2000)
year = year + 1900;
document.write ("<font size=-2 face='Arial, Helvetica, sans-serif' color=003399>
"+ day +
", " + month + " " + date + ", " + year + "</font>")
// -- end hiding
</script>
5.
Ρολόι:
Δείξτε την ώρα από την
ιστοσελίδα σας με ένα απλό και διακριτικό ρολόι:
3 parts to this script
=====================================================
part 1
=====================================================
<script Language="JavaScript">
<!--
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value=timeValue;
// you could replace the above with this
// and have a clock on the status bar:
//window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock () {
// Make sure the clock is stopped
stopclock();
showtime();
}
//-->
</script>
6.
Εκτύπωση από τη σελίδα:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>Click Here To '
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"> This Page!</form>');
}
// End -->
</script>
|
