首页 JS特效 jQuery特效 jQuer+HTML5显示日期星期的圆形时钟代码

jQuer+HTML5显示日期星期的圆形时钟代码

jQuer+HTML5显示日期星期的圆形时钟代码

jQuer+HTML5显示日期星期的圆形时钟代码

一款jQuer HTML5 Canvas实现的圆形时钟代码,可以全屏漂浮,带有日期星期显示的网页时钟特效。
如果要漂浮,请去掉以下代码的注释
<!--  时钟悬浮网页游动
<script> 
var x = 50,y = 60;//图片距离顶部的位置 
var xin = true, yin = true 
var step = 1  //图片移动的步速 越高越快
var delay = 10 //图片移动延时 越高越慢
var obj=document.getElementById("myCanvas") 
function float() { 
var L=T=0
var R= document.documentElement.clientWidth-obj.offsetWidth //offsetHeight 则是网页内容实际高度
var B = document.documentElement.clientHeight-obj.offsetHeight // clientHeight 就是透过浏览器看内容的这个区域高度。
obj.style.left = x document.documentElement.scrollLeft "px";
obj.style.top = y document.documentElement.scrollTop "px";
x = x step*(xin?1:-1) 
if (x < L) { xin = true; x = L} 
if (x > R){ xin = false; x = R} 
y = y step*(yin?1:-1) 
if (y < T) { yin = true; y = T } 
if (y > B) { yin = false; y = B } 

var itl= setInterval("float()", delay) 
obj.onmouseover=function(){clearInterval(itl)} 
obj.onmouseout=function(){itl=setInterval("float()", delay)} 
</script>
-->
免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn

相关文章

jQuery实现表单里文字按钮特效合集 jQuery实现表单里文字按钮特效合集

25 Apr 2018

这次给大家带来jQuery实现表单里文字按钮特效合集,jQuery实现表单里文字按钮特效的注意事项有哪些,下面就是实战案例,一起来看一下。

jQuery 如何高效地选择具有特定 CSS 属性的元素? jQuery 如何高效地选择具有特定 CSS 属性的元素?

30 Nov 2024

在 jQuery 中选择具有特定 CSS 属性的元素问题:我们如何有效地选择拥有特定 CSS 属性的所有元素...

如何在 jQuery 中捕获鼠标滚轮事件? 如何在 jQuery 中捕获鼠标滚轮事件?

26 Oct 2024

在 jQuery 中捕获鼠标滚轮事件 jQuery 提供了一种有效的方法来捕获特定的鼠标滚轮事件,与滚动事件不同。这...

如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据? 如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据?

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 数据这个简短的教程解决了有效操作 JSON 数据的挑战,特别是...

jQuery与Zepto是什么区别 jQuery与Zepto是什么区别

20 Nov 2020

jQuery与Zepto区别:1、添加id时jQuery不会生效而Zepto会生效;2、zepto中没有为原型定义extend方法而jquery有;3、zepto由盒模型决定,而jquery会忽略盒模型。

css3动画和jquery动画有什么区别 css3动画和jquery动画有什么区别

28 Apr 2022

css3动画和jquery动画的区别:1、css3可以设置3d动画,jquery不能实现3d动画;2、css的2d矩阵动画效率较高,其他属性动画效率低,jquery利用margin和left、top模拟的矩阵动画效率低,其他属性动画效率高。

8个很酷的jQuery动画效果教程 8个很酷的jQuery动画效果教程

26 Feb 2025

jQuery动画效果教程:告别Flash动画,拥抱jQuery动画时代! 过去,网站上的动画效果通常都依赖Flash。但现在,有了jQuery,您可以轻松创建各种动画效果。以下是一些jQuery动画效果教程,助您开启动画之旅!相关阅读: 10款CSS3和jQuery加载动画解决方案 3D JavaScript动画——three.js 仿Foursquare的jQuery动画式Feed显示 本教程将向您展示如何使用jQuery轻松创建一个RSS滚动字幕效果。 源码 演示 jQue

选择从jQuery ajax响应字符串返回的元素的秘密 选择从jQuery ajax响应字符串返回的元素的秘密

24 Feb 2025

本文演示了如何通过利用JQuery的选择引擎通过AJAX调用从静态页面提取特定的HTML片段来有效地重复使用内容。 该技术在处理时特别有用

7很酷的jQuery移动插件 7很酷的jQuery移动插件

25 Feb 2025

7款超赞的jQuery Mobile插件,让你的移动设备网页更出色! 如今,智能手机配备了高效的网页浏览器,我们特此推荐7款酷炫的jQuery Mobile插件,提升移动设备用户体验。以下插件将让你的移动设备使用更便捷!相关文章: 4 jQuery Mobile 价格滑块 (范围选择) 50 个 jQuery Mobile 开发技巧 jQuery Wiggle 插件:为移动设备带来晃动效果 jQuery Wiggle 是一款 jQuery 插件,可模拟 iPhone 长按图标时的晃

See all articles See all articles

Hot Tools

jQuery2019情人节表白放烟花动画特效

jQuery2019情人节表白放烟花动画特效

一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。

layui响应式动画登录界面模板

layui响应式动画登录界面模板

layui响应式动画登录界面模板

520情人节表白网页动画特效

520情人节表白网页动画特效

jQuery情人节表白动画、520表白背景动画

炫酷的系统登录页

炫酷的系统登录页

炫酷的系统登录页

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER