一个漂亮的移动端评价页面

最新推荐文章于 2024-07-23 09:35:10 发布

乌药ice

最新推荐文章于 2024-07-23 09:35:10 发布

阅读量7.1k

点赞数 9

分类专栏：文章回收站

本文内容如有侵权，请及时内信我删除。博客内容仅供学习参考，不可用于其他用途。转载请注明本文作者：乌药ice

本文链接：https://blog.csdn.net/qq_41138935/article/details/85041454

版权

源代码下载:一个漂亮的移动端评价页面

效果图:

这个水印影响效果了。

源代码下载:一个漂亮的移动端评价页面

文件结构图:

HTML代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>评价</title>
		<link rel="stylesheet" href="css/new_file.css" type="text/css"/>
		<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
	</head>
	
	<body>
		<!--头部  star-->
		<header>
			<a href="javascript:history.go(-1);">
				<div class="_left"><img src="images/left.png"></div>
				   评价
			</a>
		</header>
		<!--头部 end-->
        <!--内容 star-->
		<div class="contaniner fixed-cont">
			<!--1-->
			<section class="assess">
				<p>
					<textarea rows="7" placeholder="请写下对商品的感受吧，对我们帮助很大哦～～blog.wybing.com"></textarea>
				</p>
				<ul>
					<li>评价</li>
					<li class="assess-right">
						<div><input type="radio" name="radio" value="radio1"/><img src="images/hua.png"/></div>
						<div><input type="radio" name="radio" value="radio2"/><img src="images/huah.png"/></div>
						<div><input type="radio" name="radio" value="radio3"/><img src="images/huae.png"</div>
					</li>
				</ul>
			</section>
			<!--2-->
			<section class="main">
			<div class="main-wrap">
				<span class="revtit">综合评分:</span>
				<div id="mydiv1" currentIndex="0" class="m