1. Announcements
<! - the "XXXXXXXX" replace your QQ number -> <A target = " _blank " href = " http://wpa.qq.com/msgrd?v=3&uin=XXXXXXXX&site=qq& ; the MENU = yes " > <img border = " 0 " src = " http://wpa.qq.com/pa?p=1:XXXXXXXX:13 " alt = " something your Q I " title = " something your Q I " > </a>
2. The authority opened js
Blog Park is not opened js default permissions. You may apply to the administrator opened.
After the opening js permissions can do many things.
Such as: the bulletin write your own calendar or something, watches and clocks. I is himself a time-clocks
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <div style="text-align: center; color: #ffffff;"> <canvas id="canvas" height="160" width="160" Your browser does not support the canvas html5> </canvas> <div style="height: 10px"> </div> <div style="background-color: #0094ff;"> <div id="div1"> </div> <div id="div2"> </div> </div> </div> <script type="text/javascript"> window.onload werefunction () { == document.getElementById Canvas ( " Canvas " ); var CAN = canvas.getContext ( " 2D " ); var RADIUS = 80 ; // radius var Center = [ 80 , 80 ]; // center point setInterval (function () { mydrawclock (); }, 1000 ); // mydrawclock (); function mydrawclock () { // empty canvas can.clearRect (0 , 0 , 500 , 500 ); // bell size (circle) can.fillStyle = " # ebf0eb " ; can.beginPath (); can.arc (Center [ 0 ], Center [ . 1 ], RADIUS, 0 , * Math.PI 2 , to true ); can.closePath (); can.fill (); // center point can.fillStyle = " # 0094ff " ; can.beginPath (); can.arc (Center [0 ], Center [ . 1 ], . 4 , 0 , Math.PI * 2 , to true ); can.closePath (); can.fill (); // Videos degree of color clock width length function drawclock (w, d, c , L) { can.beginPath (); can.strokeStyle = C; can.lineWidth = W; can.moveTo (Center [ 0 ], Center [ . 1 ]); can.lineTo (Center [ 0] + (RADIUS - L) * Math.cos (D), Center [ . 1 ] + (RADIUS - L) * Math.sin, (D)); can.stroke (); } var DATE = new new a Date (); / / because circle beginning from the 3 o'clock direction to subtract so var hours = date.getHours (); var minutes = date.getMinutes (); var seconds the = date.getSeconds (); var Day = date.getDay ( ); drawclock ( . 4 , (hours - . 3 + minutes / 60 ) * 30 * Math.PI / 180, "#0094ff", 33); drawclock(3, (minutes - 15 + seconds / 60) * 6 * Math.PI / 180, "#0094ff", 22); drawclock(2, (seconds - 15) * 6 * Math.PI / 180, "#0094ff", 1); document.getElementById("div1").innerHTML = hours + ":" + minutes + ":" + seconds; switch(day) { case 0: day = "星期天"; break; case 1: day = "星期一"; break; case 2: day = " Tuesday " ; BREAK ; Case 3 : Day = " Wednesday " ; BREAK ; Case 4 : Day = " Thursday " ; BREAK ; Case 5 : Day = " Friday " ; BREAK; Case . 6 : Day = " Saturday " ; BREAK ; default : BREAK ; } document.getElementById ( " Div2 " ) = Day .innerHTML; // "</ br>" Day +; // Center [0], Center [ 1] // Videos scale of minutes for ( var I = 0 ; I < 60 ; I ++) { var angle = i * 6 * Math.PI / 180; can.strokeStyle = "red"; can.beginPath(); can.lineWidth = 1; can.moveTo(centre[0] + radius * Math.cos(angle), centre[1] + radius * Math.sin(angle)); can.lineTo(centre[0] + (radius - 5) * Math.cos(angle), centre[1] + (radius - 5) * Math.sin(angle)); can.stroke(); } //画时钟刻度 for(var i = 0; i < 12; i++) { var angle = i * 30 * Math.PI / 180; can.strokeStyle = "#0094ff"; can.lineWidth = 2; can.beginPath(); can.moveTo(centre[0] + radius * Math.cos(angle), centre[1] + radius * Math.sin(angle)); can.lineTo(centre[0] + (radius - 8) * Math.cos(angle), centre[1] + (radius - 8) * Math.sin(angle)); can.stroke(); } } } </script> </body> </html>
3. recommendation button
The original recommendation button is at the bottom, sometimes unfamiliar people may find can not find.
For convenience we can set style, and suspended.
/*快速评论*/ #div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid #ECD7B1; padding: 10px; width: 140px; background-color: #fff; border-radius: 5px 5px 5px 5px !important; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); }