新牛津3rd(ODE 3/E) 2019.12.29

赞一个,新年快乐!:grinning:

引用
function toggle_chn()
{
var x = document.getElementsByClassName(‘OALECD_chn’); /* 引用类名 */
for (i = 0; i < x.length; i++) { /* 递归查找数组x(所有的’OALECD_chn’) */
if (x[i].style.display == ‘inline’) { /* 符合的条件 */
x[i].style.display=‘none’; /* 符合条件执行句 */
} else {
x[i].style.display=‘inline’; /* 不符合条件执行句 */
}
}
x = document.getElementsByClassName(‘OALECD_tx’);
for (i = 0; i < x.length; i++) {
if (x[i].style.display == ‘inline’) {
x[i].style.display=‘none’;
} else {
x[i].style.display=‘inline’;
}
}
}
把这个单独在html里的中引用,可以另存引用这个js,或直接插入这个js代码,然后在按钮里添加onclick="toggle_chn()"就可以啦,函数名称自己改。

  • 这个代码里面有两个地方,也许牛津8只有一个,我没看。。。
    其实ff之前写朗文5++那个方案比较好,就是代码比较多,还有一个美国传统学习词典2018也引用了相同的代码,那个也是可以参考的,有时候不一定要自己写。

哈哈,还没有到呢~
谢谢你之前帮忙整理牛津9OL的例句语言版分享给大家~
就要2020啦~ :smiley:

1 个赞

如果有点基础,你这写的已经很明白了,但我没基础啊。慢慢摸索。谢谢啊!
顺祝2020新年快乐!

2 个赞

哈哈,改写别人的代码学习是最快的。
当然最先得找个测试方法,好多帖子有教学怎么用chrome调试的,可以看看~
2020,想想当时拍的关于2020的科幻片,我不经思想已经遨游到太空 O(∩_∩)O哈哈~

2 个赞

我就是解包了他们的mdx学会的英汉双解切换,哈哈。牛津搭配、牛8、美国传统是同样的代码。剑桥4最简单,但不适合很多link的

因为有个明确的问题任务,然后看代码就有目的性,变得可理解了。
如果入门一上来就正襟危坐从零开始看一大厚本,估计很多人看了二三十页就犯困看不下去了(比如我)

看来我自己还是有必要学点基本的js,改着玩儿

请教个问题:不同词典引用的js文件名不能相同、否则会冲突,那如果不同js内部都使用了相同函数名function toggle_chn()会互相影响吗?

哈哈,你那个图片也搞定了吧~

并没有,我还是只会用css设置宽高,我再拆几个mdx观察观察。

是啊,你有着明确的目标和泛学是不一样的,刚开始就企图把所谓“基础”打牢是不太好的,如果做很多事情没有进展对人的积极性有很大的阻碍。
哈哈,不会吧。不同js使用相同函数名,软件不是会把每个词典独立么?不过好像听说欧陆在这个方面有些问题,由于底层架构问题,一直没有改。
其实这个问题问站长比较好,很惭愧,我差不多是20年前学的了,现在纯粹是打酱油,不想花更多时间整代码,前两天打包词典都打包不上,最后也不搞啦,哈哈,汗颜。。。

啊,你是要怎么样来着,好像css也可以实现。。。

1 个赞

点击图片放大到整个窗口

好像可以实现,但是要改html,因为css本身只支持active和hover,不可能在电脑端一直用鼠标指向图片或是手机端按了没办法返回,只能改在html代码的图片的上一级加个radio,然后用css的checked属性来写,幸亏图片不多,哈哈

1 个赞

帮我看看我发你的collins,求指导。

1 个赞

不知道回复的是不是你的意思,哈哈,我现在在教小孩学习。。。

这个切换代码真心简单,用起来。
setTimeout(function(){
var sw=document.querySelectorAll(‘.ODECN .headword strong’);
for(i=0;i<sw.length;i++){

sw[i].className='active';
sw[i].parentNode.parentNode.parentNode.className='entry trans';

}
},0);

哈哈,这个代码还有个更复杂的版本,我不知道首先从哪里来的,有好几部词典都使用了类似的代码

Σ(⊙▽⊙"a

你可以float到右边去。在css里将中文部分隐藏,应该就能点击显示英文了。(我最近老是回复错人)

1 个赞

谢谢!再摸索一下什么是float

2 个赞

哈哈,别说指点,我也是菜鸟。
我记得好像得改mdx里的代码才能默认关闭中文,“怎么添加标签到词条尾部”是什么意思?是伪元素:after?