درج ساعت در طراحی ساعت با جاوا اسکریپ

 
elhamnaderi
elhamnaderi
کاربر تازه وارد
تاریخ عضویت : شهریور 1393 
تعداد پست ها : 65
محل سکونت : تهران

درج ساعت در طراحی ساعت با جاوا اسکریپ

 

طراحی سایت حرفه ای اولین فاکتور جذب نمودن کاربر در نگاه اول می باشد. وجود گرافیک و ایفکت های زیبا موجب ترغیب کاربر به صرف زمان بیشتر در سایت شما می شود و یا حتی تمایل داشته باشد که مرتب به وب سایت شما ورود نماید و تغییرات و امکانات جدیدی شما را تحلیل نماید.  این امر موجب بهبود در سئو سایت شما می شود. بنابراین شما می بایست تمام تلاش خود را برای جلب نظر کاربران در زیبایی هرچه بیشتر طراحی وب سایت خود نمایید و نقش مثبتی را در سئو خود داشته باشید.
 
درج ساعت شاید یکی از امکانات مورد نیاز کاربران می باشد و در صورت اضافه نمودن ایفکت های زیبا می توانید زیبایی هرچه بیشتر طراحی سایت خود را موجب شوید. در اینجا می خواهیم با استفاده از امکانات جاوا  نحوه درج کد ساعت را در  طراحی سایت به نمایش بگذاریم.
 
کد زیر را در قسمت head  صفحه  طراحی سایت خود درج نمایید.
 
<style type="text/css">
 
 
 
#jsalarmclock{
 
font-family: Tahoma;
 
font-weight: bold;
 
font-size: 12px;
 
}
 
 
 
 
 
حال این قطعه کد را دز قسمت  <BODY>صفحه سایت خود وارد نمایید.
 
<form action="" method="">
 
<div id="jsalarmclock">
 
<div><div class="leftcolumn">Current Time:</div> <span id="jsalarm_ct" style="letter-spacing: 2px"></span></div>
 
<div><div class="leftcolumn">Set Alarm:</div> <span><select></select> Hour</span> <span><select></select> Minutes</span> <span><select></select> Seconds</span></div>
 
<div><div class="leftcolumn">Set Alarm Action:</div> <input type="text" id="musicloc" size="55" value="http://www.youtube.com/watch?v=v1zY_tV5kaQ" /> <span style="font: normal 11px Tahoma">*Location of page to launch</span></div>
 
<input type="submit" value="Set Alarm!" id="submitbutton" /> <input type="reset" value="reset" id="resetbutton" />
 
</div>
 
</form>
 
 
 
 
 
<script type="text/j-avascript">
 
 
 
jsalarm.init()
 
 
 
</script>
 
 
 
 
 
با درج کدهای بالا می توانید ساعت را در  طراحی سایت خود داشته باشید و یا حتی می توانید در استایل های زیبایی از ساعت را با جستجو بیابید.
 
 
منبع: طراحی سایت
پنج شنبه 13 آذر 1393  12:55 PM
تشکرات از این پست
دسترسی سریع به انجمن ها