十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这个不需要插件。
创新互联专注于达坂城网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供达坂城营销型网站建设,达坂城网站制作、达坂城网页设计、达坂城网站官网定制、微信平台小程序开发服务,打造达坂城网络公司原创品牌,更为您提供达坂城网站排名全网营销落地服务。
使用css就能实现。
将你要显示的文字使用一个div放进去
把这个div的显示(visible)属性默认为隐藏(hidden)
利用css的hover属性
当鼠标移动到图片上时
把之前被隐藏的div显示出来就行了
具体的div的位置,背景颜色,字体什么的,都可以通过css来控制。
这个不需要插件。
使用css就能实现。将你要显示的文字使用一个div放进去,把这个div的显示(visible)属性默认为隐藏(hidden),利用css的hover属性,当鼠标移动到图片上时,把之前被隐藏的div显示出来就行了。具体的div的位置,背景颜色,字体什么的,都可以通过css来控制。
可使用css。
使用css就能实现。将你要显示的文字使用一个div放进去,把这个div的显示(visible)属性默认为隐藏(hidden),利用css的hover属性,当鼠标移动到图片上时,把之前被隐藏的div显示出来就行了。具体的div的位置,背景颜色,字体什么的,都可以通过css来控制。
引用大神回答如下,希望可以帮到你:
(function() {
var stepSize = 200, //每滚动一格鼠标,移动多少距离
doc = document.documentElement,
body = document.body,
docWidth = doc.clientWidth,
scrollLeft = -1,
ready = false;
//添加鼠标滚轮事件
if (document.addEventListener) {
document.addEventListener('mousewheel', scroll, false);
document.addEventListener('DOMMouseScroll', scroll, false); //针对firefox
} else {
document.attachEvent('onmousewheel',scroll) //针对老ie浏览器
}
//处理mousewheel事件的信息
function scroll (event) {
//第一次滚动需要获取当前滚动位置
if (!ready) {
scrollLeft = doc.scrollLeft + body.scrollLeft;
ready = true;
}
//firefox用detail反映滚动方向,而且方向和其他浏览器相反。其他浏览器用wheelDelta
var direction = event.wheelDelta || -event.detail;
//保证滚动到头的时候不再调用update函数
if (scrollLeft = 0 direction 0) {
return;
}
if (scrollLeft = docWidth direction 0) {
return;
}
//根据鼠标滚动的方向确定是往左还是往右移动
var distance = direction 0? -stepSize : stepSize;
update(distance);
}
//滚动
function update (distance) {
scrollLeft += distance;
doc.scrollLeft = scrollLeft;
body.scrollLeft = scrollLeft; //针对webkit浏览器
}
})();
css里必须有这样一条:
html, body {
height: 100%;
}