首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视 ┆淘宝手机在线充值 ┆淘宝游戏点卡充值 
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>网页特效>让网站具备翻译功能系列之三 添加英语划词翻译功能
让网站具备翻译功能系列之三 添加英语划词翻译功能
来源: 发布时间:2008-10-27 发布人: 浏览: 人次   字体: [ ]  

     上文给大家主讲的是让网站实现在线翻译功能,本文继续让网站具备翻译功能系列之第三讲,添加英语划词翻译功能,详情如下:

      网页划词功能就是在浏览网页时看到一个关键词,用鼠标选中该词后就会自动出现它的外文释义(我们常用的外语学习软件金山词霸也有这个功能,称为“屏幕取词工具”)。它以开放资源应用接口为特色,开发者可以自己定制检索对象资源库,也可以直接以Google、百度等搜索引擎为检索对象资源库。

  1.添加英语划词翻译功能

  只须在网页的任意位置添加以下代码,就可以实现英文划词查询的功能(图3)。
 图:添加英语划词翻译功能
<script src="http://dict.cn/hc/" type="text/javascript"></script>
  <script type="text/javascript">dictInit();</script>

  如果希望在网页上显示用户取词状态的开关功能,在划词翻译代码之前放入以下<span id="dict_status"></span>代码即可:
  小提示:如果要让取词功能默认为关闭状态,只有在点击开启后才打开,可在dictInit();之前增加代码:dict_enable=false。

  2.添加法语划词翻译功能

  按照同样的方式在网页中添加以下代码,就可以实现法语划词的功能。
  <!-- 法语助手网页划词-代码开始-->
  <span id="dict_status"></span>
  <script src="http://www.frdic.com/dic_resource/frdic_grab.js" type="text/javascript"></script>
  <script type="text/javascript"> dictInit(); </script>
  <!--法语助手网页划词-代码结束 -->


相 关 文 章   发布商链接
·让网站具备翻译功能系列之四 在线查...
·让网站具备翻译功能系列之五 每天一...
·鼠标移到链接出现漂亮的对话框效果代...
·js实现的兼容IE和火狐的三级导航菜单...
·网页中显示漂浮图片的窗口代码
·网页顶部显示大幅广告并自动关闭特效
·CSS条状图表形式的实现方法
·符合WEB标准的滚动文字特效的实现方...
·CSS制作网页布局实例:隐藏input文字
·详细讲解网页中的Flash弹出网页窗口
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·鼠标移到链接出现漂亮的对话...
·当左右内容高度不定时,中间...
·利用CSS样式控制打印页面显示
·CSS样式实现文字分散对齐的方
·CSS实现多种多彩文字链接代码
·解决长串英文字母将表格伸的...
·CSS模拟windows菜单选项卡效...
·样式表固定table表头和列代码
·DIV+CSS两个简单的导航效果,...
·Css样式表实现文字的渐变效果
·动态添加表单两法
·无刷新更换页面样式例子供大...
·网页CSS样式表学习技巧小记,
·淘宝在线状态和qq在线状态的...
·仿windows关机对话框的提示框
热 门 文 章
·淘宝在线状态和qq在线状态的...
·图片左右滚动代码,鼠标放上去...
·样式表固定table表头和列代码
·js实现的文字无缝向上滚动的...
·css固定定位实现悬浮效果
·js实现复制内容到剪贴板,可...
·CSS模拟windows菜单选项卡效...
·CSS样式实现文字分散对齐的方...
·实例解决Div被Select挡住问题...
·教您实现Div的动态伸缩效果 ...
·通过CSS来动态改变界面样式实...
·实例讲解利用css滤镜实现背景...
·js+div实现的windows系统菜单...
·DIV+CSS两个简单的导航效果,...
·网页开发特效之input控件高度...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .