这段代码展示了如何通过HTML和CSS实现鼠标移动时图片自动切换的效果。主要使用了一个包含多个背景图片的ul列表，当鼠标悬停时，通过改变背景图片的位置来达到切换效果。此外，还包含了前进和后退按钮的样式设计。
<!------------------目录结构-------------------------->
<!--------------------------------------------html代码---------------------------------------------------------------------------------------->
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>jQuery.touchSlider触屏满屏左右滚动幻灯片</title>
<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet">
<script src="jquery-1.8.3.js"></script>
<script>
$(document).ready(function () {
var margin=1899;
var isdrag = false;
$(".flicking_inner a").bind('mouseenter', function(){
if(isdrag){ //防止鼠标移动敏感..
return;
}
isdrag = true;
move_left($(this).index());
isdrag = false;
});
function move_left(move_index){
$.each($(".main_image li"), function(){
最低0.47元/天 解锁文章
扫一扫
1660
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
