英文单词网页上的翻译插件

时间:2014-04-07  发布人:SHX  浏览次数:3274  评论: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>

英文单词翻译插件.zip


返回

上一篇:JQ插件简单图片弹窗查看器下一篇:JQ捕获鼠标当前坐标

我要评论

    loading
 

关闭

loading

回顶部