+--------------------------------------+
anwsion前端开发文档(css、JavaScript接口相关)
+--------------------------------------+
1、css javascript文件统一存放目录:/static/根目录下
2、css文件模块定义 :
base.css:为初始化各html标签属性样式
global.css:全站公用组件样式
discussion.css:主要样式文件
button.css:公用按钮样式。
color.css:颜色文件
footer.css:页脚样式
opacity.css:透明属性样式
tipswindown.css:各种弹框样式
setup_default.css:程序安装样式
search.css:搜索
login.css:登陆页面样式
3、JavaScript接口
1)anwsion默认提示框
函数名:alert(msg,times);
注:
参数一:msg可以随意添加html代码,txt类型文字。
参数二:可选参数,times 可设置多少毫秒数之后隐藏,如果不设置则留空
用法:
var anwsion = new ANWSION();
anwsion.alert('hellow,anwison',2000);//弹框2秒之后自动关闭。
anwsion.alert('hellow,anwison');//需要手动点击关闭
2)个人小卡片弹出框接口
函数名:eventsMouseM(obj);
参数:obj为指定鼠标经过的对象,并且对象上需要有可读rel属性值(可以理解为用户id);
用法:<img rel="1" onmouseover="eventsMouseM(this);" src="user.jpg">
3)话题小卡片弹出框接口(跟个人小卡片类似)
函数名:eventstalk(obj);
4)anwsion公用弹出框
函数名:DialogBox_show( boxWidth,html,titleTxt,butTxt )
参数:
1、boxWidth为弹出盒子的宽度,可以设置大小,比如:255,如果不设置则为默认450的宽。
2、html可以任意添加代码、样式以及脚本。
3、titleTxt为头部的提示信息。
4、butTxt为按钮文字。
用法:
function test(){
var html = '<p>anwsion公用弹出框</p>';
var newBox = new DialogBox_show(500,html, '提示信息', '确定');
}
<a href="javascript:;" onclick="test();">click me</a>
阅读全文
收起全文