jquery实战之在线相册管理器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery实战之在线相册管理器</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
</head>
<body>
<div>
<div>
<h2>在线相册管理器</h2>
<p>
<label for="img_url">请输入图片地址:</label>
<!-- <input type="text" name="img_url" id="img_url" placeholder="images/demo.jpg" value="images/zly.jpg"> -->
<input type="text" name="img_url" id="img_url" placeholder="images/demo.jpg">
</p>
<p>请选择图片类型:
<input type="radio" id="rect" name="border" value="0" checked><label for="rect">直角</label>
<input type="radio" id="radius" name="border" value="10%"><label for="radius">圆角</label>
<input type="radio" id="circle" name="border" value="50%"><label for="circle">圆型</label>
</p>
<p>图片是否添加阴影:
<select name="shadow">
<option value="0" selected>不添加</option>
<option value="1">添加</option>
</select>
</p>
<p><button>添加图片</button></p>
</div>
<div>
<ul></ul>
</div>
</div>
</body>
</html>Atas ialah kandungan terperinci jquery实战之在线相册管理器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kabel rangkaian dicabut
Tiga kaedah pencetus pencetus sql
Bagaimana untuk menjana fail bin dengan mdk
Apakah maksud wifi dinyahaktifkan?
Bagaimana untuk membayar balik Douyin yang dicas semula Doucoin
javac tidak diiktiraf sebagai arahan dalaman atau luaran atau program yang boleh dikendalikan Bagaimana untuk menyelesaikan masalah?
Bagaimana untuk menyelesaikan masalah muat turun lambat Baidu Netdisk
Cara menggunakan fungsi groupby
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
