Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 这个jQuery是什么;将鼠标悬停在图像“上”;插件?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 这个jQuery是什么;将鼠标悬停在图像“上”;插件?

Javascript 这个jQuery是什么;将鼠标悬停在图像“上”;插件?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我遇到了这个功能 如果将鼠标悬停在某个框上,图像将开始在该框内滚动 这个插件是如何调用的?有没有关于如何做的代码示例?这可以在没有任何jquery的情况下实现。比如说 屏幕{ 宽度:500px; 高度:300px; 显示:内联块; 利润率:10px; 填充顶部:12px; 位置:相对位置; 边缘底部:80px; 文字装饰:无; } .屏风组{ 显示:内联块; 宽度:500px; 高度:300px; 背景位置:中上; -webkit转换:所有2; -moz转换:所有2s; -ms转换:全部2秒

我遇到了这个功能

如果将鼠标悬停在某个框上,图像将开始在该框内滚动


这个插件是如何调用的?有没有关于如何做的代码示例?

这可以在没有任何jquery的情况下实现。比如说

屏幕{
宽度:500px;
高度:300px;
显示:内联块;
利润率:10px;
填充顶部:12px;
位置:相对位置;
边缘底部:80px;
文字装饰:无;
}
.屏风组{
显示:内联块;
宽度:500px;
高度:300px;
背景位置:中上;
-webkit转换:所有2;
-moz转换:所有2s;
-ms转换:全部2秒;
-o-过渡:所有2s;
过渡:所有2;
}
.屏幕:悬停div{
背景位置:中底;
-webkit转换:所有10秒;
-moz转换:所有10秒;
-ms转换:全部10秒;
-o-过渡:全部10秒;
过渡:所有10秒;
}
.屏幕h2,
.屏幕h2 a{
字号:17px;
颜色:#fff;
字体大小:300;
位置:绝对位置;
底部:-40px;
文本对齐:居中;
宽度:100%;
}

一些文本

这可以在没有任何jquery的情况下实现。比如说

屏幕{
宽度:500px;
高度:300px;
显示:内联块;
利润率:10px;
填充顶部:12px;
位置:相对位置;
边缘底部:80px;
文字装饰:无;
}
.屏风组{
显示:内联块;
宽度:500px;
高度:300px;
背景位置:中上;
-webkit转换:所有2;
-moz转换:所有2s;
-ms转换:全部2秒;
-o-过渡:所有2s;
过渡:所有2;
}
.屏幕:悬停div{
背景位置:中底;
-webkit转换:所有10秒;
-moz转换:所有10秒;
-ms转换:全部10秒;
-o-过渡:全部10秒;
过渡:所有10秒;
}
.屏幕h2,
.屏幕h2 a{
字号:17px;
颜色:#fff;
字体大小:300;
位置:绝对位置;
底部:-40px;
文本对齐:居中;
宽度:100%;
}

一些文本

如果您对答案感到满意,请随意接受:DHappy我可以帮助:)回答好,即使OP要求jquery,向他们展示css效果最好:-)如果您对答案感到满意,请随意接受:DHappy我可以帮助:)回答好,即使OP要求jquery,向他们展示最好的css:-)