jQuery实现PC端商城购物车模块基本功能
先上效果图：
因为主要是想练习jQuery的使用，所以页面CSS部分比较简陋，有需要的话，大家在参考代码时，可以自己再完善下CSS部分的代码，让购物车页面更加美观。
商品1
单价:
￥12.6
–
+
小计:
￥0.00
删除
商品2
单价:
￥102.9
–
+
小计:
￥0.00
删除
商品3
单价:
￥19.9
2021-11-04 14:56:41
92KB
1
本文实例讲述了jQuery实现的点击显示隐藏下拉菜单功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>toggle</title>
[removed][removed]
<style>
*{margin: 0;padding: 0}
.nav1>li>ul{
display: none}
.nav1>li{
2021-11-04 09:50:48
36KB
1
实现效果：
实现原理：
给关闭按钮绑定点击事件，点击以后触发动画效果。利用jQuery的animate方法，先让显示天气的盒子高度变为0，接着让整个包含天气和事件的盒子宽度变为0，最后通过将display属性值设为none，使得close按钮消失。
实现代码：
<!DOCTYPE html>
<html>
<head>
<title>仿360开机效果</title>
<meta charset="utf-8">
<style type="text/css">
*{
padding: 0;
margin: 0;
}
.box{
width: 320px
2021-11-03 21:31:31
54KB
1
NULL
博文链接：https://hugang357.iteye.com/blog/971213
2021-10-26 10:41:44
17KB
1