js简单调用百度api翻译工具代码免费下载

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

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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录