如何实现鼠标悬浮改变背景图片

qq362459465 2013-01-25 03:06:01

http://www.suning.com/效果就是苏宁这个网站中间的1234567广告图片..
我貌似用火狐把代码COPY下来不能自动变换图片.是JS没有调用好吗?

...全文

360 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

wbb123yu 2013-01-25

打赏
举报

回复

..css: selecter :hover: background:

001007009 2013-01-25

打赏
举报

回复

楼主要么这里找下 http://www.lanrentuku.com/js/jiaodiantu.html 看例子学习下，要么 firebug 慢慢扒代码

qq362459465 2013-01-25

打赏
举报

回复

引用 1 楼 calvin_guo 的回复:

onmouseover onmouseout

麻烦你看下我发的地址.. 貌似不是这么简单

calvin_guo 2013-01-25

打赏
举报

回复

onmouseover onmouseout

界面上有三张图片，当鼠标指针移动到某图片之上，该图片会放大显示，当鼠标移到另一张图片之上时，前一张图片变为原大小，后一张图片放大显示。

1. 环境准备安装Vue.js：如果你还没有安装Vue.js，你可以通过npm或yarn进行安装。安装ECharts：同样，通过npm或yarn安装ECharts。 2. 创建Vue组件在Vue项目中创建一个新的组件，比如ChinaMap.vue，用于展示中国地图。 3. 引入ECharts 在ChinaMap.vue中引入ECharts库。 4. 准备地图数据你需要一份中国地图的GeoJSON数据或者ECharts支持的其他格式数据。这些数据可以从开源平台或官方渠道获取。 5. 初始化ECharts实例在Vue组件的mounted生命周期钩子中初始化ECharts实例，并设置地图容器的大小。 6. 配置地图使用ECharts的配置项来设置地图的样式、缩放、拖拽等功能。例如，你可以设置roam属性为true来开启缩放和拖拽。 7. 添加鼠标悬浮事件通过ECharts的tooltip配置项来显示鼠标悬浮时的信息。你可以自定义提示框的样式和内容。 8. 实现点击跳转为地图添加click事件监听器，当用户点击某个省市时，触发跳转。你可以使用Vue Router来实

jQuery实现的鼠标悬浮背景视觉差动画特效源码.zip

html5 css3透明时钟鼠标悬浮图片放大 html5 css3透明时钟鼠标悬浮图片放大 html5 css3透明时钟鼠标悬浮图片放大 html5 css3透明时钟鼠标悬浮图片放大

jQuery鼠标经过图片背景滑动切换效果基于jquery1.10.2.js实现，鼠标经过图片滑动切换背景动态效果。

87,995

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章