1、思路：当鼠标进入元素时，触发hover中的第一个函数，离开时触发hover中的第二个函数。
创新互联是一家从事企业网站建设、网站设计、网站制作、行业门户网站建设、网页设计制作的专业的建站公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点上千多家。
2、下面的使用Jquery实现，使用的时候请引用Jquery.js，向上滚动看看js那里提示修改left为up即可。
3、直接将这段代码拷贝到一个JS文件里面，这段代码需要jquery3以上运行环境。代码里面有调用示例。
该图片切换特效实现很简单，而且兼容性很好。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签中，填入js代码：setInterval($(img).attr(src， smallpng)， 1000)；。
script language =javascript var curIndex=0； //时间间隔(单位毫秒)，每秒钟显示一张，数组共有5张图片放在Photos文件夹下。
html是无法设置图片切换的，需要结合js或jquery等相关技术实现。你可以百度下：js或jquery实现图片切换效果，范例代码超级多，根据他们的修改即可。
楼上是不是太过麻烦了？？把图片地址做成一个数组然后产生随机数，随机选择图片地址，并赋值给img src= 就行了，然后setTimeout(方法名，1000)就行了。
需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：。
其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。
通过JQuery为图片注册一个onmouseover或者onclick的事件，在事件发生时，修改图片的src属性。
你要问的是html点击左右箭头可以切换图片吗，可以。根据html软件资料，在页面中实现的一个点击可以进行切换图片，点击左右两边箭头就能实现。
比如最大的那个图片左箭头： 像框，它们一起被包着。
