英文单词网页上的翻译插件
时间：2014-04-07 发布人：SHX 浏览次数：3273 评论：0
如果你的网站是英文教学的网站的话，加上这个单词翻译插件是相当给力的，在这里你可以看到效果：
简单的说下，这个插件怎么调用和应该注意什么。
先应用JQ
<!-- 引用JQ --> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <!-- 翻译插件 --> <script type="text/javascript" src="js/kkhc2013.js"></script> <script type="text/javascript" src="js/tabsnew.js.js"></script> <script type="text/javascript" src="js/tword2013.js"></script> <!-- 翻译插件 -->
然后引用样式
/**定义单词样式**/
#article .hcdict{font-family: verdana,"ms song";font-size: 14px; color:#06C;}
/**定义单词选中样式**/
#article .hcdict:hover{ color:#F00; background:#FC0; cursor:pointer;}
#DivCen{position:absolute; width:45px; height:25px; background:none; top:4px; left:130px;}最后写入正文
<div id="article"> <div id="article_eng"> <!-- 所写文章内容必须在 article 和 article_eng 内 --> ....... <!-- 所写文章内容必须在 article 和 article_eng 内 --> </div> </div>
上一篇：JQ插件简单图片弹窗查看器下一篇：JQ捕获鼠标当前坐标
