商务通去掉四周的边框 好像定制一样实现方法
2015-05-31 09:36
375 查看
很多医疗网站或者其他咨询类网站大概都用到过商务通 但是由于那个界面不是太好看 想换好看点 又要加钱定制,而我了正好也做了个这类型的工作 于是想了个办法去掉边框
方式是用css
首先
配置商务通的邀请代码
<DIV id=new_swt_wee><IMG border=0
src="http://www.120jkkf.com/templets/qishi/images/newstc.jpg"
useMap=#MapAAAA><MAP id=MapAAAA name=MapAAAA><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=217,212,297,242><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=319,211,404,242><AREA style="CURSOR:
pointer" onclick="LR_HideInvite();LR_RefuseChat();return false;"
shape=rect coords=373,6,419,32></MAP></DIV>
然后在网站的css里面加上这些
#LRfloater1{
position:relative;
width:424px;
height:274px;
overflow:hidden;
}
#new_swt_wee{
position:absolute;
left:0px;
top:0px;
}
原理就是让最外面的div 宽度和高度正好等于你设置的 超出部分都被隐藏掉了。
可以直接在商务通的代码里面加以下:
document.writeln("<style type=\"text\/css\">");
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
document.writeln("<\/style>");
或者:
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
方式是用css
首先
配置商务通的邀请代码
<DIV id=new_swt_wee><IMG border=0
src="http://www.120jkkf.com/templets/qishi/images/newstc.jpg"
useMap=#MapAAAA><MAP id=MapAAAA name=MapAAAA><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=217,212,297,242><AREA
href="http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT24847505" shape=rect
target=_blank coords=319,211,404,242><AREA style="CURSOR:
pointer" onclick="LR_HideInvite();LR_RefuseChat();return false;"
shape=rect coords=373,6,419,32></MAP></DIV>
然后在网站的css里面加上这些
#LRfloater1{
position:relative;
width:424px;
height:274px;
overflow:hidden;
}
#new_swt_wee{
position:absolute;
left:0px;
top:0px;
}
原理就是让最外面的div 宽度和高度正好等于你设置的 超出部分都被隐藏掉了。
可以直接在商务通的代码里面加以下:
document.writeln("<style type=\"text\/css\">");
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
document.writeln("<\/style>");
或者:
document.writeln("#LRfloater1 {position:relative;width:0px;height:0px;overflow:hidden;}");
相关文章推荐
- 给定两个整数,比较出其中大者
- jquery.unobtrusive-ajax.js单独的用法
- 小巫新闻客户端底部菜单切换实现
- 装饰者模式
- 百度地图GPS坐标转换方法
- 浅析Context及可能带来的内存泄漏问题
- NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
- 00-自测2. 素数对猜想 (20)
- 项目冲刺第二阶段Fifth Day
- eQEP增强型正交编码模块原理介绍及配合MircoE mercury II 4000光栅传感器使用
- JavaScript实现倒计时效果
- 用户 'sa' 登录失败。 (Microsoft SQL Server,错误: 18456)的另一个解决办法
- 【Storm】storm安装、配置、使用以及Storm单词计数程序的实例分析
- Hibernate映射(四)— 一对多
- 将基于Dagger-1开发的项目迁移到Dagger-2中
- hdu 5249 元素插入、删除找中值
- 通过Jenkins并行完成UI的自动化测试
- eclipse调试常用快捷键
- 切换卡TabHost控件的使用
- 12周项目一