美女画廊(点击上面的图片下面进行显示)
效果图:
<!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>
美女画廊(点击上面的图片下面进行显示)相关推荐
- 一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作
一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作 <body><!-- 此布局为: 上面内容盒子覆盖在了上传文本区域之上--><!-- 想要点击'上面盒子内 ...
- 怎么让电脑上的图片全屏显示呢
怎么让电脑上的图片全屏显示呢 利用 windows 图片查看器打开图片,然后按 F11 键,即可 本文转自 烂泥行天下 51CTO博客,原文链接:http://blog.51cto.com/ilann ...
- python下载图片的命令_网上的图片不知道怎么批量下载?python教你怎么把网站上面的图片都爬下来...
妹子图网站----前言 从今天开始就要撸起袖子,直接写Python爬虫了,学习语言最好的办法就是有目的的进行,所以,接下来我将用10+篇的博客,写爬图片这一件事情.希望可以做好. 为了写好爬虫,我们需 ...
- android怎么让图片显示在button上面_网上的图片不知道怎么批量下载?python教你怎么把网站上面的图片都爬下来...
## **妹子图网站----前言** 从今天开始就要撸起袖子,直接写Python爬虫了,学习语言最好的办法就是有目的的进行,所以,接下来我将用10+篇的博客,写`爬图片`这一件事情.希望可以做好. 为 ...
- iOS下拉tableView实现上面的图片放大效果
#import "ViewController.h" #define kScreenbounds [UIScreen mainScreen].bounds #define kScr ...
- 覆盖ftp服务器上面的图片后网站的原图为什么不变呀?,Win7下架设FTP服务器失败的原图...
前一段时间,想在Windows7系统下搭建一个FTP服务器,可是按照别人的成功搭建的步骤,我却没有成功,最后检验的结果是:提示:"Windows 无法访问此文件夹.请确保输入的文件名是正确的 ...
- layui实现点击表格内图片,放大显示
应用:通过点击表格里的图片,实现放大效果 显示效果: 代码如下: <div>//表格展示 <table lay-filter="table" lay-data=& ...
- 网页上的图片怎么提取出来_如何在网站上提取图片素材
不知道你们有没有遇到这种情况,在上午的过程中看见了一些比较看到的照片素材,想要右键保存一下发现保存不了:看见一个网站的网站大图很漂亮,想扣出来保存一下,发现点击不到自己想看的图片. 这篇教程也许可以帮 ...
- 批量下载vk.com上的图片
用Python来练习爬虫,假如使用BeautifulSoup或者Selector进行图片链接提取,很困难,当然也可以强行分析,反复尝试,但是世上无难事,只要肯放弃- Beautifulsoup或者Se ...
最新文章
- 函数连续但没有导数的例子
- 苹果智能车芯片已基本就绪!最新造车进展曝光,股价一夜暴涨4000亿
- 【Bash百宝箱】shell内建命令之echo、printf
- [CodeForces 892A] Greed (Java中sort实现从大到小排序)
- 【若依(ruoyi)】菜单操作SQL
- 写给你的数据结构教程(第一天)
- 无盘服务器pnp,无盘系统PNP方法详细说明
- Part3.Android基础知识 - 四大基本组件与常用控件完全解析
- 拳王虚拟项目公社:人人可操作的轻松简单的虚拟资源课程虚拟项目
- 15/7/2017 暑期第一次集训小总结
- xsehll不能删除字符的解决方案
- eset杀毒软件隔离区在哪里
- Android 7.0应用冷启动流程分析
- 如何将PDF转换成word文档
- 用python对excel进行打印操作
- 点云PCD和PLY区别
- QPSK信号的星座图
- 运筹学与博弈论的关系
- 微信朋友圈奢侈品代购背后:圈子营销光明正大卖“假货”
- 12月20日的贷款结息
热门文章
- 小米手机比较 联通、移动、电信 3G 支持比较
- 什么是位图和矢量图,他们的使用和却别在哪儿
- java找不到主类错误的原因_java错误:找不到或无法加载主类的原因与解决方法...
- 程序员必备的几款文档编辑器
- 自媒体数据运营saas_向媒体宣传您的SaaS
- GoogleChromePortable 谷歌chrome浏览器便携版官网下载方式
- Proteus仿真p时出现Cannot open‘***\LISA5476.SDF’的错误
- python数据分析 - numpy | ndarray数组 | numpy常用函数
- 【团体天梯赛/PTA】7-34 福到了 (15 分)
- 关于VB.net禁用右键菜单的实现