<div class="imgbox cf">
    <img src="temp/pic2.jpg" alt="" class="big_pic" id="big_pic">
    <div class="sm_img" id="sm_img">
        <img src="temp/pic2.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic2.jpg'">
        <img src="temp/pic1.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic1.jpg'">
        <img src="temp/pic2.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic2.jpg'">
        <img src="temp/pic1.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic1.jpg'">
        <img src="temp/pic2.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic2.jpg'">
        <img src="temp/pic1.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic1.jpg'">
        <img src="temp/pic2.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic2.jpg'">
        <img src="temp/pic1.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic1.jpg'">
        <img src="temp/pic2.jpg" alt="" onmouseover="document.getElementById('big_pic').src='temp/pic2.jpg'">
    </div>
</div>

js点击图片显示在左边大图的更多相关文章

  1. 一天JavaScript示例-点击图片显示大图片添加鼠标

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  2. JQuery - 点击图片显示大图

    效果: 目录结构: 代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="De ...

  3. 【js】【图片显示】js控制html页面显示图片方式

    js控制html页面显示图片方式,只需要引入“jquery-1.11.2.min.js” js: /* 引用 <script src="jquery-1.11.2.min.js&quo ...

  4. Android 开发 Fresco框架点击小图显示全屏大图实现 ZoomableDraweeView

    目标需求 实现一张小图片,被点击后变成一个在整个屏幕上显示的大图片.类似于微信朋友圈的图片. 实现流程 1.Fresco基本初始化 2.下载并且导入ZoomableDraweeView 它是实现大图的 ...

  5. js鼠标滑动图片显示隐藏效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. js点击什么显示什么的内容，隐藏其它和进度条

    点击什么显示什么的内容 <div style="width:200px; height:40px"> <div class="yiji" st ...

  7. js点击图片查看大图，并可以拖动，且滚动滑轮放大缩小

    方法一:此方法在页面没有滚动条时无法缩放 JQuery function hideMax(){ $(".MAX_div").remove(); $("#Cover_Div ...

  8. vue 点击图片显示大图

    使用指南:https://www.npmjs.com/package/vue-directive-image-previewer 简单使用: 1.安装vue-directive-image-previ ...

  9. js点击更多显示更多内容效果

    我写了一个简单的分段显示插件,用法很简单:1,把你要分面显示的内容的容器元素增加一个class=showMoreNChildren,并增加一个自定义属性pagesize="8" 这 ...

随机推荐

  1. media type和media query

    media type media type是CSS2的重要属性,通过它,可以针对不同的设备指定不同的样式.   media type种类:   用法: <link href="styl ...

  2. Python(2.7.6) 迭代器

    除了对列表.集合和字典等进行迭代,还能对其他对象进行迭代:实现 __iter__ 方法的对象.例如, 文件对象就是可迭代的: >>> dir(file) ['__class__', ...

  3. mysqlimport 导入文件到数据库命令

    mysqlimport -h 172.16.145.125 -u ocetl -pocetl test  --fields-terminated-by='|' '/home/ocetl/tmp_use ...

  4. Appium 提高脚本复用、可配置性

  5. 第十二篇、HTML常用框架收集

    1.Swiper 广告轮播插件 2.Bootstrap 响应式布局 3.jQuery js兼容插件 4.jQuery Mobile 5.phoneGap

  6. 3D Touch ? 木有6s,也阔以玩！！！

    3D Touch 之 Peek & Pop 3D Touch 是iOS9之后专为 iPhone6s 机型加入的新特性,这一新技术移植于 Mac Book 上的 ForceTouch 更准确地说 ...

  7. UISearchController的使用。（iOS8＋）

    这种方法早就发现了,不过一致没用,今天拿过来用,发现了一些问题. 1.这个东西和表视图结合使用很方便,首先,创建新的工程,将表视图控制器作为工程的根视图,并且添加一个导航(当然,你可以不这样做,但是你 ...

  8. 面试题之redis实现限制1小时内每用户Id最多只能登录5次

    面试题之redis实现限制1小时内每用户Id最多只能登录5次 /// <summary> /// redis实现限制1小时内每用户Id最多只能登录5次 /// </summary&g ...

  9. OC3_字典

    // // main.m // OC3_字典 // // Created by zhangxueming on 15/6/12. // Copyright (c) 2015年 zhangxueming ...

  10. php常用单词语法

    header("Content-type:text/html;charset=utf-8"); 加入数组array_push($ratings_store_cop,$value); ...