3书写css代码* margin 0 padding 0 liststyle img border body fontfamily Arial， Helvetica， sansserif 4书写并添加js代码 5代码整体结构6查看效果。

我照你的方法试了试，是可以的你对照一下如下代码，看有啥错，改下jquery路径就可以运行 lt！doctype html Document html，body margin 0 d1 background red height。

1 function$$fnextendquotimgScrollquotfunctionobjectobject=$extendfirstDivnull，scrollBoxnull，scrollImgBoxnull，tabDivnull，tabDivListnull，botPrevnull，botNextnull，changeTypequotslidequot。

具有滚动导航效果的全屏滚动相册示例的jQuery实现 本文描述了jQuery如何实现全屏滚动相册，具有滚动导航效果分享给你，供你参考如下所示操作效果图如下主要代码如下函数 加载时的图片 定义变量 loader= #st_lo。

1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码var container = $#39body#39var scrollTo = $#39#scroll#39containerscrollTopscrollTooffset。

documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39显示#39else quot#leftquotanimate。

需要准备的材料分别有电脑html编辑器浏览器1首先，打开html编辑器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的标签，输入jquery代码#39body#39append#39height #39 + $document。

写代码有些麻烦，给个关键建议你大概是在拖动页面上遇到麻烦吧要实现在触控设备上手指拖动元素，不能用mousemove哟，这个是没用的，要用到touchstart手指接触触摸屏，touchmove手指在触摸屏上移动，touchend手指离开。