使用jquery的鼠标悬停时钟 [英] mouseover clock using jquery

问题描述

我将鼠标悬停在时钟上。该页面的时钟显示为中等大小。





请任何人帮助解决这个问题。

i will mouseover to the clock. the clock display to the medium size in that page.


pls anybody help to the this problem.

推荐答案

嗨Eliyas，



通过以下代码可能它可以解决您的问题。





这里你必须定义时钟的默认大小： -

你可以改变你想要的外观。

.clockid {



宽度：150px;

身高：150px;

背景：＃ 48e;

不透明度：0.3;

过渡：0.5s轻松进出;



}



这是鼠标悬停的代码。



.clockid：悬停{

opacity：1;

-webkit-transform：scale（1.1）;

transform：scale（1.1）;

}



clockid是你时钟的ID。



希望这是你的问题。

Hi Eliyas,

Go through the following code maybe it can solve your problem.


Here you have to define the default size of the clock:--
you can alter the look as you want.
.clockid{

width:150px;
height:150px;
background:#48e;
opacity: 0.3;
transition: 0.5s ease-in-out;

}

This is the code for mousehover.

.clockid:hover{
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

clockid is the id of your clock.

Hope it was ur issue.

这篇关于使用jquery的鼠标悬停时钟的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！