web简易效果集
第七个夏天没有名字
抽象是对现实的一种升华。
展开
-
dom轮播图的实现
dom轮播图的实现 效果图: html: <div class="carousel"> <!-- 轮播图片 --> <div class="carousel-content clearfix"> <ul id="carousel-img"> <li><img src="carousel_item/carousel-5.jpg" alt=""></li> <li><i原创 2020-08-26 19:25:41 · 892 阅读 · 0 评论 -
dom版购物车
dom版购物车的实现 html: <table border="1" cellspacing="0" id="table"> <thead> <tr> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>小计</th> </tr> </thead>原创 2020-08-20 17:42:26 · 578 阅读 · 0 评论 -
dom版tab栏实现
dom版tab栏实现 html: <div class="tabs"> <ul class="lis"> <li><a href="javascript:;" data-target="content1">10元套餐</a></li> <li><a href="javascript:;" data-target="content2">30元套餐</a></li>原创 2020-08-19 19:27:04 · 176 阅读 · 0 评论 -
web简易效果集
css实现二级导航菜单 html: ``html <ul class="uls"> <!-- one hover普通显示二级菜单 --> <li class="one">浙江省 <ul> <li>杭州市</li> <li>金华市</li> <li>温州市</li> <li>宁波市</li> <li原创 2020-08-18 19:08:39 · 143 阅读 · 0 评论 -
显示/隐藏效果
显示/隐藏效果 html: <body> <ul class="uls"> <li>华硕-破晓 宏碁-ConceptD</li> <li>Redolbook</li> <li>联想-小新</li> <li>Proa豆-adolbook</li> <li>16华硕-灵耀14</li> <li>16华硕-灵耀14&原创 2020-08-18 09:54:38 · 151 阅读 · 0 评论