倒影时钟

原创 2007年10月05日 21:45:00

倒影时钟

<html>

<head>

<title>倒影时钟</title>

<script language=javascript>

<!--

function showClock(){

    d  
= new Date();

    hours   
= d.getHours();

    minutes 
= d.getMinutes();

    seconds 
= d.getSeconds();

    

    clck 
= (hours>=12)?"下午":"上午";

    

    hours 
= (hours>12)?hours-12:hours;

    hours 
= (hours<10)?"0"+hours:hours;

    

    minutes 
= (minutes<10)?"0"+minutes:minutes;

    seconds 
= (seconds<10)?"0"+seconds:seconds;

    

    time 
= clck + " " + hours + ":" + minutes + ":" + seconds;

    time 
= "<font size='5' face='Arial'><b>" + time + "</b></font>"

    myclock1.innerHTML 
= time;

    myclock2.innerHTML 
= time;

    

    myclock2.style.left 
= myclock1.style.posLeft;

    myclock2.style.top  
= myclock1.style.posTop + myclock1.offsetHeight;

    setTimeout(
"showClock()",1000);

}


//-->

</script>

</head>

<body onLoad="showClock()">

<div id = "myclock1" style="height:20px;left:50;position:absolute;"></div>

<!--显示倒影的<div>区块-->
 
  
<div id = "myclock2" style="filter:flipv() alpha(opacity=20);font-style:italic;

position:absolute"
>s</div>

</body>

</html>

 

CSS3----图片倒影效果

CSS: Html:
  • damys
  • damys
  • 2014年05月15日 11:11
  • 3467

JS 时钟倒影

.time00{  font-family  :  Comic  Sans  Ms;  font-size  :  20pt;  font-weight  :  bold;  color:  ...
  • whjwhja6
  • whjwhja6
  • 2012年12月16日 22:04
  • 173

Android实现图片的倒影效果

原理: 原图和倒影图分解成两个Bitmap, 倒影的Bitmap设计为原图的高度一半,宽度一致。然后创建一个可变空的Bitmap, 宽度跟原图保持一致,宽度为原图的1.5倍(宽度包括原图和倒影图的宽度...
  • shineflowers
  • shineflowers
  • 2015年07月31日 16:46
  • 1658

兼容各浏览器的CSS倒影效果

无需flash,完全用css就可以做出超炫的图片倒影效果。网上流传很多种版本,经过本人的一番研究,做成能够兼容firefox、chrome、IE等各主流浏览器的版本,跟大家分享一下。最终完成的效果 ...
  • afeiqiang
  • afeiqiang
  • 2012年12月27日 01:47
  • 11385

带倒影的wpf字体.

下面这段代码主要是实现了wpf在xaml中实现带倒影的字体.     //主要是图形变换的SkewTransform可是下面一个textblock弄成平行四边形。             ...
  • david_xgl
  • david_xgl
  • 2014年08月29日 19:06
  • 666

QT如何实现控件倒影特效

QT如何实现控件倒影特效 在工作中,我们有时会有以下需求: 想要为某些控件不只是图片加倒影特效,例如: 这样: 例如: 这样: 于是,在我的潜心研究之下,终于找到了两种实现方法: ...
  • fan_xingwang
  • fan_xingwang
  • 2018年01月05日 16:14
  • 131

android Gallery镜像倒影特效

 本文档将介绍在android上如何实现一个倒影效果的Gallery。代码如下: MirrorView.java是我自己实现的一个类,继承自Gallery类。重写了getChildStaticTran...
  • haoman100
  • haoman100
  • 2011年06月25日 14:58
  • 6539

[Android]倒影效果的ImagView

本文源自:http://blog.csdn.net/kenshintang1215/article/details/5804236 效果图如下: ...
  • sodino
  • sodino
  • 2011年09月21日 14:31
  • 5696

Android:实现图片的倒影效果

本文章主要参考来自于:http://blog.csdn.net/ithomer/article/details/7483169(谢谢IT-Homer的分享!) 本文章根据自己的需要做了点小小的修改,如...
  • zd_1471278687
  • zd_1471278687
  • 2013年11月01日 14:11
  • 7907

IOS实现UIImage倒影的三种方法

实现一 使用一个继承自UIView的类来包含要实现倒影效果的图片,重写这个UIView子类的绘图方法,以实现图片于倒影, 然后把这个View 添加到相应的地方显示。 代码: CKReflect...
  • guicl0219
  • guicl0219
  • 2014年03月23日 21:20
  • 3558
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:倒影时钟
举报原因:
原因补充:

(最多只允许输入30个字)