RcBuilder@walla.com
call centre: 054-5614020

draw Menu Triangle using HTML5 Canvas

Posted by: RcBuilder  /   Category: bind event / body / Canvas / CSS / css / div / header / HTML / HTML 5 / JAVASCRIPT / jQuery / lists / offset / onload event / section   /   No Comments
12
Oct
2014

draw Menu Triangle using HTML5 Canvas Style <style type="text/css"> body{background-color:#333;} header{ background-color:pink; height:200px; padding-top:50px;} ul{ padding:0px; margin:0px; list-style:none;} ul li{ float:left; width:100px; } ul li a { display:block; width:100%; height:100%; cursor:pointer; text-align:center; } section{ position:relative;} canvas#triangle{ position:absolute; top:-20px; } </style> Latest jQuery <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> Scripts <script type="text/javascript"> function CreateTriangle() { var context = $('#triangle').get(0).getContext('2d'); var width = 20; var height = 20; context.beginPath(); context.moveTo(width / 2, 0); context.lineTo(width, height); context.lineTo(0, height); context.closePath(); context.fillStyle = $('body').css('background-color'); context.fill(); } function MoveTo(a) { var left.

Read more

javascript CountDown clock

Posted by: RcBuilder  /   Category: body / Date / getElementById / HTML / innerHTML / JAVASCRIPT / onload event / setTimeout   /   No Comments
06
Oct
2014

javascript CountDown clock var obj,SumSeconds; function InitClock() { //18/06/2013 16:40:00.000 var TheDay = new Date(); TheDay.setFullYear(2013,06,18); TheDay.setHours(16,40,0,0); var Time = new Date(); // Now SumSeconds = 0; var Days = TheDay.getDate()-Time.getDate(); SumSeconds += Days*60*60*24; // day 2 seconds var Hours = TheDay.getHours()-Time.getHours(); SumSeconds += Hours*60*60; // hour 2 seconds var Minutes = TheDay.getMinutes()-Time.getMinutes(); SumSeconds += Minutes*60; // minute 2 seconds var Seconds = TheDay.getSeconds()-Time.getSeconds(); SumSeconds += Seconds; // seconds //alert(SumSeconds); ShowClock(); } function ShowClock() { var Minutes =.

Read more

Count Down clock javascript

Posted by: RcBuilder  /   Category: body / getElementById / HTML / innerHTML / JAVASCRIPT / onload event / setTimeout   /   No Comments
16
Jul
2014

Count Down clock javascript // this script will use the client clock to present a count down clock - tick each 1 seconds script var obj,SumSeconds; function InitClock() { var TheDay = new Date(); //TheDay.setFullYear(2013,10,13); TheDay.setHours(17,00,0,0); var Time = new Date(); // Now if (TheDay - Time < 0) return; SumSeconds = 0; var Days = TheDay.getDate()-Time.getDate(); SumSeconds += Days*60*60*24; // day 2 seconds var Hours = TheDay.getHours()-Time.getHours(); SumSeconds +=.

Read more
  • פיתוח מערכות
  • פתרונות טכנולוגים
  • קידום אתרים
  • בניית אתרים