十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
词典本身有使用css(嵌入的)
创新互联为企业级客户提高一站式互联网+设计服务,主要包括成都网站设计、成都网站制作、重庆APP开发、微信小程序开发、宣传片制作、LOGO设计等,帮助客户快速提升营销能力和企业形象,创新互联各部门都有经验丰富的经验,可以确保每一个作品的质量和创作周期,同时每年都有很多新员工加入,为我们带来大量新的创意。
需要知道词典嵌入的词典css的文件名称。
上面两点先判断出来。
判断方式:
goldendict加载后,F12看网络链接,词典内查询单词,确定css文件的名称。
原则上文件名很容易确认。
3. 在词典的目录建一个同名的css文件。
文件的初始内容可以解包mdx词典中获取。(上图中的gd中显示的可以参考,需要去除 #gdfrom-xxxxxx等选择限定,bres://xxxxxx/前缀等,不熟悉的还是不要用这份作为初始内容。)
4.按你的需要在原始内容的基础上修改css样式。gd加载的时候会优先词典目录下的样式文件。
另,上图中基于的gd版本位于Releases · xiaoyifang/goldendict
属性面板里面可以修。
点击窗口打开属性面板,然后选css鼠标选中你要编辑样式的文字点编辑规则,这样css里的样式面板就出来了。
CSS级联样式表一般来讲分3种,第一种外联样式表,CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件,第二种内联样式表,CSS样式写在HTML页面的head标签内,第三种内嵌样式表,CSS样式直接写在HTML标签的style属性里。
很简单,只要把html中各个标签的样式都提取出来,放到css中,在给各个元素引用就可以了。
1、在html中找到head/head标签,在其中增加style type="text/css"/style标记
2、找到html中的一个元素比如
div style="background:green;align:center;width:20%;font-size:14px"xxx/div这种,将其中的style=""双引号之间的内容复制,粘贴到1中创建的标记内。在用一个选择器包裹住,最后在元素上指定class="选择器"就可以了
3、例子 如下两个div,第一个在style中设置样式,第二个通过css引用样式,最终效果过一样
html
head
style type="text/css"
.divcss{
background:green;
align:center;
width:20%;
}
/style
/head
body
div style="background:green;align:center;width:20%;"xxx/div
div class="divcss"xxx/div
/body
/html
需要加JS才能实现切换。
如果red.css是红色风格
link id="css" rel="stylesheet" type="text/css" href="style.css"/
js部分
function redCSS(){
document.getElementById("css").href="red.css";
}
html部分
span onclick="redCSS"切换红色风格/span
楼主说的应该是更换网页皮肤吧。关键代码在这里:
link
href="style_change/black/sty_black.css"
rel="stylesheet"
type="text/css"
id="ch_css"
/
点击某个按钮的时候,用JS获取link标签的id,即获取这个link对象,然后通过JS更换href链接到另一个CSS样式表,达到换肤的目的。
guys,how can U use jquery like this??!
$("#spzs-btn2").removeclass("spzs-btn1");
$("#spzs-btn2").addclass("spzs-btn2");
it must be removeClass
or
addClass
others i won't look,but these are errors...
low-level errors...