论坛调用图片-鼠标移上去实现放大效果

本人其实并不懂php等代码，前次在论坛上看到一篇帖子，地址忘了，受到这篇帖子的启发。如果有不对的地方，请见谅。

本贴主要是在论坛的首页调用图片，鼠标放上去实现图片放大效果。其实这个效果没用什么作用，如果你要把你的网站装扮的花哨一点，你还是可以用的，还用就是你的论坛是网购型网站，那么这个对鼠标敏感，实现鼠标放上去图片变大的效果还是非常有作用的。下面是图片放大效果。访问http://www1.7stk.com/这个网站，在这个网址页面的最低端可以看到这个效果。




闲话少说，进入正题吧。

第一步：下载两个必要的文件
下载下面js和css两个文件。
第二部：上传文件
在自己的服务器或空间上的bbs根目录下建立一个文件夹，我这里是建立一个hd的文件夹，把这js和css两的文件上传到hd文件夹里。
第三部：后台设置
进入自己论坛的后台管理，点击门户-模板样式-点击添加-----选择有图片类的类型，我这里是选择家园里的图片，点击提交。
第四步：贴进代码
出现了添加模块样式，写一个样式名称，我这里写的是：图片放大效果。删除下面代码框里的原始代码，把下面的代码贴进代码框，点击提交。

1. <script language="javascript" src="hd/fj.js"></script>
   
2. <link href="hd/index.css" rel="stylesheet" type="text/css" />
   
3. <div class="latestWeb">
   
4. <ul>
   
5. [loop]
   
6. <li class="">
   
7. <a href="{url}" target="_blank">
   
8. <img src='{pic}' width="106" height="130"></a>
   
9. </li>
   
10. [/loop]
    
11. </ul>
    
12. </div>
    

复制代码

width="106" height="130" 这个是缩略图的大小

第五步：更新缓存。

第六部：在首页调用，建立图片栏目，找到“图片放大效果”，后面就不用说了吧-----------------------------

原理自己去想吧！！！！！！！




密码在二楼