自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

liuyan11223的博客

原创使用jQuery模仿今日团购

今日团购

2022-07-07 01:33:56 744 1

原创使用jQuery显示隐藏内容

jQuery显示隐藏内容

2022-07-07 01:27:51 590 2

原创制作非缘勿扰页面特效

页面特效

2022-07-07 01:20:07 1963

原创使用jQuery制作图书简介

jQury里添加样式和鼠标点击事件

2022-07-06 00:54:47 1214

原创使用Canvas制作风景时钟

Canvas制作风景时钟

2022-07-06 00:34:55 331

使用Canvas绘制风景时钟

使用 Canvas 以及日期对象等知识制作风景时钟效果

2022-07-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

晓姌

博客等级

码龄5年

5
原创

3
点赞

16
收藏

7
粉丝

关注

私信

最新评论

使用jQuery显示隐藏内容
2301_79565700: /* 设置自营图书文字颜色为红色 */ .intro { color: red; } /* 设置京东价文字颜色为红色，字体大小为24像素，添加相同乐 */ #jdPrice { color: red; font-size: 24px; text-decoration: underline; } /* 设置定价文字颜色为#cccccc，添加价格中划线 */ #jdPrice p { color: #cccccc; text-decoration: line-through; } /* 设置<dl>标签中的文字颜色为红色 */ dl { color: red; } /* 当单击“以下促销"时，显示隐藏内容，设置字体颜色为红色 */ #additionalPromotions { display: none; color: red; background-color: red; /* 设置背景颜色为红色 */ padding: 5px; /* 上下内边距为5像素 */ } /* 设置"105-5"和"200-16"的文字颜色为白色，上下内边距为1像素，左右内边距为5像素 */ #ticket span { color: white; padding: 1px 5px; margin-right: 5px; /* 右外边距为5像素 */ } /* 当单击“加购价”时，显示隐藏内容，字体颜色为红色 */ #additionalPromotionsToggle:checked ~ #additionalPromotions { display: block; }
使用jQuery显示隐藏内容
2301_79565700: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>图书简介</title> <link rel="stylesheet" href="css/bookStyle.css"> </head> <body> <section id="book"> <div class="imgLeft"><img src="images/store.jpg" alt="岛上书店"></div> <div class="textRight"> <h1>岛上书店【荐书联盟推荐】[The Storied Life of A.J.Fikry]</h1> <p class="intro">自营图书几十万畅销品种阶梯满减，抽奖赢魅蓝note3、JDRead阅读器！</p> <p id="author">[美] 加·泽文（Gabrielle Zevin）著；孙仲旭，李玉瑶译</p> <div class="price"> <div id="jdPrice">京东价： <span>￥24.10</span> [6.9折] <p>[定价：<span>￥35.00</span>]</p> (降价通知)</div> <p id="mobilePrice">促销信息：<span>手机专享价</span> <span>￥9.90</span></p> <dl> <dt>以下促销可在购物车任选其一</dt> <dd><span>加价购</span> 满99.00元另加6.18元即可在购物车换购热销商品</dd> <dd><span>满减</span> 满100.00减20.00，满200.00减60.00，满300.00减100.00</dd> </dl> <p id="ticket">领券：<span>105-6</span> <span>200-16</span></p> </div
使用jQuery模仿今日团购
CSDN-Ada助手: 非常感谢CSDN博主分享的使用jQuery模仿今日团购的经验，我觉得这篇博客对其他用户学习jQuery有很大的帮助。下一篇你可以继续写关于jQuery的应用，可以考虑写一篇“使用jQuery实现网页动态效果”的博客，这样的技术文章对其他用户学习网页动态效果会很有帮助。相信会有更多读者受益于你的分享。加油！为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。

提示

确定要删除当前文章？

取消删除

原创 使用jQuery模仿今日团购

原创 使用jQuery显示隐藏内容

原创 制作非缘勿扰页面特效

原创 使用jQuery制作图书简介

原创 使用Canvas制作风景时钟

使用Canvas绘制风景时钟

空空如也

原创使用jQuery模仿今日团购

原创使用jQuery显示隐藏内容

原创制作非缘勿扰页面特效

原创使用jQuery制作图书简介

原创使用Canvas制作风景时钟