js简单调用百度api翻译工具代码

js简单调用百度api翻译工具代码，js调用百度翻译api实现在线翻译功能实例代码，界面虽然不是很美观，但功能还是不错的。

分类：其它特效难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

html代码

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>js翻译工具</title>
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<main class="translate">
			<header class="t-header">
				<span class="title">当前翻译语言类型:</span>
				<span class="result">英语</span>
				<ul class="lang-panel">
					<li data-type="en">英语</li>
					<li data-type="zh">汉语</li>
					<li data-type="jp">日语</li>
					<li data-type="kor">韩语</li>
					<li data-type="fra">法语</li>
					<li data-type="ru">俄语</li>
					<li data-type="de">德语</li>
				</ul>
			</header>
			<section class="content">
				<textarea class="input" placeholder="请输入你要翻译的单词或语句"></textarea>
				<textarea class="output" placeholder="翻译结果"></textarea>
			</section>
			<footer class="t-footer">
				<button type="button" class="transbtn">翻译</button>
				<button type="button" class="clear">清除</button>
			</footer>
		</main>
	</body>
	<!--js引入部分-->
	<script src="./plugins/md5.js"></script>
	<script src="./js/index.js"></script>
</html>