私の一般的なアイデアは、マウスの座標を常に監視することです。マウスが動くと、透明なレイヤーもマウスとともに動き、大きな画像も透明なレイヤーの動きに連動して動きます。早速、コードを見てみましょう。
<メタ名="説明" content="">
/*リセット{*/
html{ color:#000;background:#fff;}
body,div{padding:0;margin:0;}
img{border:none;}
/*}リセット*/
.outer{幅:200px;高さ:150px;位置:相対;マージン:20px自動;}
.inner{幅:80px;高さ:60px;背景:#f55;位置:絶対;不透明度:0.5;フィルター: alpha(opacity=50);left:0;top:0;cursor:pointer;}
.aa{width:320px;height:240px;position:relative;border:1px redsolid;margin:20px auto;オーバーフロー :hidden;}
.imgs{position:absolute;}
.outer img{width:200px;height:150px;}
>
著者別の最新記事
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31