鼠标点击切换是必须使用js的，如果只是自动切换可以不用js，直接用css来实现，参考html5有关实例。

第一种方法将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display隐藏 displayblock显示 然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个。

quot onclick=quotc1quot菜单二ltaltdiv id=quota0quot这里是文字ltdivltdiv id=quota1quot style=quotdisplayquot这里是图片，自己写上ltimg src=quot图片地址quotltdiv左侧右侧布局我没给你写，只写了图片文字切换功能。

Bcss display先将CSS中的图片B隐藏，再创建js，点击A弹出图片B，简单点就是图片A的onclick=“show”lthtmlltheadlttittlelttittleltscript type=quottextjavascriptquot language=quotjavascriptquot function show。

2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来csshover用法在。

点击按钮将页面转为png图片具体效果不是很理解，可以试着点击按钮click方法，png图片出现show方法，覆盖整个页面即可。

思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 ltimg src=quot1pngquot id=quottestquot 2javascript代码 function changenifn。

图片上加点击事件，事件触发后用ajax从后台获取一条新的图片路径和信息，分别放到图片和状态栏就好了。

这样lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle动态切换图片lttitle lthead ltstyle ul padding0margin0 li liststyle pic position relativewidth 400pxheig。

1建立一个静态页命名为changehtml ，标题为js导航点击的怎么同时变图片跟字体颜色2设置一个简易的导航栏3加css 控制菜单的样式，并加入背景图片4为li添加id，创建函数fun ，并传递传递参数5为函数加入。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltscript src=quotlatestjsquotltscript lthead ltbody ltinput type=quotbuttonquot。

你在htm页面重写js方法，然后在重写的js方法里面写php代码循环取出图片。

下面的图片按钮增加onclick属性，onclick=quotfunctionquot然后定义一个函数取下面小图的文件路径加载到上面大图里面 假设下面是img标签 ltimg src=quotxxxxxjpgquot onclick=quotshowImgquotltimg 上面大图是ltimg id=quotlargePhotoView。

那就看你获取图片ID的用途是什么了，比如是记录点击或者对该图片进行处理，可以在click事件中执行一个js函数，比如该函数是saveImageIdthisgetAttribute#39id#39，如果是你说的要保存下来，可以设一个全局的变量，比如下面。

可以使用visibility属性控制显隐 css image visibility hiddenjs #39image#39hoverfunction $thiscss#39visibility#39， #39visible#39 ， function $thiscss#39visibility#39， #39hidden#39。