账号通
    

账号  

密码  

4053

查看

6

回复
主题:[求助]请问如何取消文章里的图片不随鼠标滚动而变大缩小? [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/13 1:49:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线考试系统(NET)

http://www.kexuncms.cn/kesioncms/mobanzhizuo_476_6250.html

 

CSS书写的一些注意部分。的教程。

 

将 * 里的字号大小控制删除,放到body里面去即可。

 

CSS演示,http://www.kexuncms.cn/image/css.css 你自己下载来看看我是怎么写的好吧。具体不说了。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/12 22:33:00   | 显示全部帖子 查看该作者主题 沙发 
做在线知识付费 选科汛云开店

去掉内容页模板中

 

=================

 

<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550;   //定义最大宽度
var maxheight=800;  //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
  o.style.width=maxwidth;
}
if (a.height> maxheight)
{
  o.style.height=maxheight;
 }
}
//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
</SCRIPT>

 

==========================

 

这段JS代码。用CSS控制图片大小。

 

附:控制复杂的“文章内容”要用到哪些CSS?

 

很多新手在文章内容页面内容的文字大小啊布局啊什么的,都搞不清楚,老是出错,而且如果样式用得不好,会导致后期维护相当麻烦,因此本人写了一段CSS供大家参考。

#article_nr { font-size:14px; line-height:200%; color:#222;text-indent:2em; width:540px; overflow:hidden;}

/* 解释,字体大小14px。现在流行。行高200%,也可以180%。建议采用百分比。文字颜色,深黑色。每段前面空两个字符,省掉每次书写内容都必须敲N次回车的麻烦。宽度540px,根据自己的需要调整。超出宽度隐藏。避免网页被撑开导致难看。 */

 #article_nr p { padding:5px 0;}

/* 解释:每段之间隔开10px,这样显示文章内容更加清晰明了,不必一段一段粘在一起。 */

 #article_nr img {width: expression(this.width > 510 ? 510: true); max-width: 510px;}
 

/* 解释,图片最宽不超过510像素。这段CSS在IE6.0以及火狐等各个浏览器都适用。注意的是,写了这一段,那么你的样式表就通过不了W3C验证了。因为EXPR是不符合标准的。是为IE特别书写的。后面的max-width才是针对火狐等各个浏览器写的。 */

#article_nr a:link,#article_nr a:visited,#article_nr a:active{color:#f60; font-size:14px;test:expression(target="_blank");}
#article_nr a:hover{color:#50AC23;font-size:14px;test:expression(target="_blank");} 
 

/*  文章中出现链接的链接样式 ,这样写的好处是不必在文章中的链接处特别控制,非常方便。由于科讯默认的文章链接是在本页打开,这点往往不方便。而每次切换到源码里面去加新窗口代码也非常麻烦。因此添加了EXPR控制新窗口打开。需要注意的是,这点只对IE有效,对火狐等浏览器无效。同样,使用了这个就无法通过W3C认证。 */

#article_nr h1,#article_nr h2,#article_nr h3,#article_nr h4,#article_nr h5 { color:red;}

/*  文章中出现H1等标签的时候标签内容显示为红色。这个是用来做文章的小标题的。一段很长的文章中使用小标题往往会给文章带来很好的视觉效果,如果愿意也可以在这里控制H1等的大小。另外需要说明的是,H1等标签标出文章中重要的小标题,会对搜索引擎带来很好的效果。另外,一般文章中使用H2-H4之间的H来控制。H1是最高级别。一般2-4即可。 */
 

其他希望各位补充。

#article_nr为我为文章内容设置的div的ID。

写法< div id="article_nr">文章内容标签< /div>

你可以更换成你习惯的名字是没关系的。

本文转自 科讯cms非官方教程资料站 原文地址:http://www.kexuncms.cn/kesioncms/mobanzhizuo_476_6192.html

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.06250秒 powered by KesionCMS 9.0