template design by http://www.20shx.com/
时间: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>
上一篇:JQ插件简单图片弹窗查看器下一篇:JQ捕获鼠标当前坐标