
更多>
最新下载
24小时阅读排行榜
- 1 解决PyTorch模型推理的非确定性:确保结果可复现的实践指南
- 2 创建流畅的纯CSS文本轮播
- 3 微信占内存太多怎么处理
- 4 如何在循环中检查唯一性?
- 5 离线Web应用地图解决方案:基于瓦片地图的实现
- 6 创建平滑的纯 CSS 文本滑块
- 7 PyTorch模型推理复现性指南:解决RetinaNet非确定性结果
- 8 Go语言:将二进制字符串转换为整数的最佳实践
- 9 PHP 中通过引用传递临时数组:原理、方法与最佳实践
- 10 Go语言中高效实现切片元素去重与唯一性检查:基于Map的实践
- 11 Java中生成特定模式的教程
- 12 离线Web应用地图解决方案:使用瓦片地图实现无网络环境下的地图展示
- 13 深度学习模型可复现性:解决PyTorch RetinaNet非确定性结果
- 14 微信占内存多少
- 15 Pandas教程:高效计算DataFrame列的累积和并创建新列
更多>
最新教程
-
- Pandas 教程
- 189 2025-08-12
-
- JavaScript ES5基础线上课程教学
- 261605 2025-06-30
-
- PHP新手语法线上课程教学
- 7849 2025-06-12
-
- 支付宝沙箱支付(个人也能用的支付)
- 14126 2024-08-19
-
- 麻省理工大佬Python课程
- 15961 2024-05-31
-
- Swoole5 Hyperf3 php8新版本协程框架讲说
- 16620 2024-05-13
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>
-->
如果要漂浮,请去掉以下代码的注释
<!-- 时钟悬浮网页游动
<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