网站介绍
这是一个使用jQuery和TouchSlider插件创建的具有滑动图片功能的网站。网站的主要功能包括图片的缩放、滑动和鼠标滚轮控制。
主要元素
.main_visual:这是主视觉区域，包含一个或多个图片，用户可以在这个区域上进行交互操作。
#btn_prev和#btn_next:这两个按钮分别用于显示上一张和下一张图片。当用户将鼠标悬停在.main_visual上时，这两个按钮会淡入；当鼠标离开时，这两个按钮会淡出。
.main_image:这是主图片区域，使用TouchSlider插件创建了可滑动的图片。
$dragBln:这是一个布尔变量，用于判断图片是否正在被拖动。在图片被鼠标按下时，该变量会被设置为false。
.flicking_con a:这些是分页按钮，用于切换不同的图片组。当用户点击这些按钮时，对应的图片组会被切换到。
jQuery事件绑定
$(document).ready(function() { ... });:这段代码在文档加载完成后执行，确保所有的DOM元素都已经存在。
$("#btn_prev,#btn_next").hover(...);:这段代码为#btn_prev和#btn_next按钮绑定了鼠标悬停事件，当鼠标悬停在这两个按钮上时，它们会淡入；当鼠标离开时，它们会淡出。
$(".main_image").touchSlider({ ... });:这段代码为.main_image区域绑定了TouchSlider插件，创建了一个可滑动的图片。其中包括一些配置选项，如灵活模式(flexible : true)、速度(speed : 200)等。
$(".main_image").bind("mousedown", function() { ... });:这段代码为.main_image区域绑定了鼠标按下事件，当用户在这个区域内按下鼠标时，会设置$dragBln为false,表示图片不再处于拖动状态。
