效果图:

   <!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.4.0.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(function(){$("img").click(function(){$("#img1").attr({"src":$(this).attr("src")});   //attr获取属性和修改属性以及添加属性$("#p1").html($(this).attr("title"));})})</script><style type="text/css">#all{margin: 50px auto;/*border: 1px solid red;*/width: 370px;}h2{margin: auto;text-align: center;}#all img{width: 70px;height: 100px;}#one img{width: 370px;height: 480px;}</style></head><body><div id="all"><h2>美女画廊</h2><img src="img/girl2.jpg" title="美女照片一"/><img src="img/girl3.jpg" title="美女照片二"/><img src="img/girl4.jpg" title="美女照片三"/><img src="img/girl5.jpg" title="美女照片四"/><img src="img/girl6.jpg" title="美女照片五"/><div id="one"><img src="img/girl2.jpg" id="img1"/><p id="p1">喜欢么?</p></div></div></body></html>

美女画廊(点击上面的图片下面进行显示)相关推荐

  1. 一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作

    一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作 <body><!-- 此布局为: 上面内容盒子覆盖在了上传文本区域之上--><!-- 想要点击'上面盒子内 ...

  2. 怎么让电脑上的图片全屏显示呢

    怎么让电脑上的图片全屏显示呢 利用 windows 图片查看器打开图片,然后按 F11 键,即可 本文转自 烂泥行天下 51CTO博客,原文链接:http://blog.51cto.com/ilann ...

  3. python下载图片的命令_网上的图片不知道怎么批量下载?python教你怎么把网站上面的图片都爬下来...

    妹子图网站----前言 从今天开始就要撸起袖子,直接写Python爬虫了,学习语言最好的办法就是有目的的进行,所以,接下来我将用10+篇的博客,写爬图片这一件事情.希望可以做好. 为了写好爬虫,我们需 ...

  4. android怎么让图片显示在button上面_网上的图片不知道怎么批量下载?python教你怎么把网站上面的图片都爬下来...

    ## **妹子图网站----前言** 从今天开始就要撸起袖子,直接写Python爬虫了,学习语言最好的办法就是有目的的进行,所以,接下来我将用10+篇的博客,写`爬图片`这一件事情.希望可以做好. 为 ...

  5. iOS下拉tableView实现上面的图片放大效果

    #import "ViewController.h" #define kScreenbounds [UIScreen mainScreen].bounds #define kScr ...

  6. 覆盖ftp服务器上面的图片后网站的原图为什么不变呀?,Win7下架设FTP服务器失败的原图...

    前一段时间,想在Windows7系统下搭建一个FTP服务器,可是按照别人的成功搭建的步骤,我却没有成功,最后检验的结果是:提示:"Windows 无法访问此文件夹.请确保输入的文件名是正确的 ...

  7. layui实现点击表格内图片,放大显示

    应用:通过点击表格里的图片,实现放大效果 显示效果: 代码如下: <div>//表格展示 <table lay-filter="table" lay-data=& ...

  8. 网页上的图片怎么提取出来_如何在网站上提取图片素材

    不知道你们有没有遇到这种情况,在上午的过程中看见了一些比较看到的照片素材,想要右键保存一下发现保存不了:看见一个网站的网站大图很漂亮,想扣出来保存一下,发现点击不到自己想看的图片. 这篇教程也许可以帮 ...

  9. 批量下载vk.com上的图片

    用Python来练习爬虫,假如使用BeautifulSoup或者Selector进行图片链接提取,很困难,当然也可以强行分析,反复尝试,但是世上无难事,只要肯放弃- Beautifulsoup或者Se ...

最新文章

  1. 函数连续但没有导数的例子
  2. 苹果智能车芯片已基本就绪!最新造车进展曝光,股价一夜暴涨4000亿
  3. 【Bash百宝箱】shell内建命令之echo、printf
  4. [CodeForces 892A] Greed (Java中sort实现从大到小排序)
  5. 【若依(ruoyi)】菜单操作SQL
  6. 写给你的数据结构教程(第一天)
  7. 无盘服务器pnp,无盘系统PNP方法详细说明
  8. Part3.Android基础知识 - 四大基本组件与常用控件完全解析
  9. 拳王虚拟项目公社:人人可操作的轻松简单的虚拟资源课程虚拟项目
  10. 15/7/2017 暑期第一次集训小总结
  11. xsehll不能删除字符的解决方案
  12. eset杀毒软件隔离区在哪里
  13. Android 7.0应用冷启动流程分析
  14. 如何将PDF转换成word文档
  15. 用python对excel进行打印操作
  16. 点云PCD和PLY区别
  17. QPSK信号的星座图
  18. 运筹学与博弈论的关系
  19. 微信朋友圈奢侈品代购背后:圈子营销光明正大卖“假货”
  20. 12月20日的贷款结息

热门文章

  1. 小米手机比较 联通、移动、电信 3G 支持比较
  2. 什么是位图和矢量图,他们的使用和却别在哪儿
  3. java找不到主类错误的原因_java错误:找不到或无法加载主类的原因与解决方法...
  4. 程序员必备的几款文档编辑器
  5. 自媒体数据运营saas_向媒体宣传您的SaaS
  6. GoogleChromePortable 谷歌chrome浏览器便携版官网下载方式
  7. Proteus仿真p时出现Cannot open‘***\LISA5476.SDF’的错误
  8. python数据分析 - numpy | ndarray数组 | numpy常用函数
  9. 【团体天梯赛/PTA】7-34 福到了 (15 分)
  10. 关于VB.net禁用右键菜单的实现