存档
-
动易2006通行接口更新记录及下载
动易2006版的整合接口更新记录及文件下载。
2006年4月19日 | 归档于 所谓技术标签: 动易 -
CSS居然可以这样用
睡觉前,NT给我发了两个网址,是老外的,那个家伙暴强,居然用纯CSS在页面上画出房子来,平面的、3D的,都画出来了。 看了一下他的CSS代码,一开始以为是这样用: .class{ width:100px; width:60px; height:200px; height:160px;} 后来发现其实一些特殊图形的绘制跟上面的这个怪异的用法没关系,而是用边框来实现的,比如: 这三个形状除了Div,没有任何其它的元素或者文本,更不用说图形了。这是充分利用了border的显示特性。因为当我们同时设置四个方向的border时,浏览器自动会把交叉的部分叠加或者相互剪除。当border足够大的时候,我们就看到了上面这样的特殊效果。谁能想象到这是4个200像素的边框形成的效果呢? 代码如下: <div style="BORDER-RIGHT: #ff0 50px ridge; BORDER-TOP: #f00 50px ridge; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px ridge; WIDTH: 1px; BORDER-BOTTOM: #00f 50px ridge; HEIGHT: 1px"> </div><div style="BORDER-RIGHT: #ff0 50px groove; BORDER-TOP: #f00 50px groove; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px groove; WIDTH: [...]
2006年4月16日 | 归档于 所谓技术 -
动易+动网+oblog三方整合接口
动易、动网、oblog三方整合接口
2006年4月10日 | 归档于 所谓技术标签: 动易 -
整合程序:Code Complete!
d
2006年4月7日 | 归档于 所谓技术 -
动态实现指定图片半透明及鼠标事件
说明:在不改变HTML代码的前提下,通过CSS和JavaScript,对指定的图片实现半透明效果。并为该图片添加鼠标滑过和滑出特效。 具体实现: 1.假设我们要操作的图片放置在一个id="imgbox"的div容器中。如下面的代码: <div id="imgbox" style="width:700px;margin:auto;"><img src="/images/logof.gif"></div> 2.首先,在css中增加两个类定义,为了避免影响到其它图片,最好是用选择限定符加以限定。如下代码: #imgbox img.low{-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand;}#imgbox img.high{-moz-opacity:1;filter:alpha(opacity=100);cursor:hand;} 3.然后在网页的<head>区域增加JavaScript,JavaScript将在页面载入完成之后,为我们指定的图片添加半透明效果和鼠标事件: <script language="JavaScript" type="text/javascript">window.onload = function() { var imgNode = document.getElementById("imgbox").getElementsByTagName("img")[0]; imgNode.setAttribute("class","low"); imgNode.className = "low"; imgNode.onmouseover = function(){ this.setAttribute("class","high"); this.className = "high"; } imgNode.onmouseout = function(){ this.setAttribute("class","low"); this.className = "low"; }}</script> 补充说明: 在上面的JavaScript中,设置图片的class属性的时候,同时使用了两种方式: imgNode.setAttribute("class","low");imgNode.className = "low"; 第一种方式是针对IE以外的浏览器,按理说设置class属性对所有的浏览器都是有效的。但是IE比较有个性,它通过元素的className来定义class属性。这是IE不符合规范的地方,但是我们不得不考虑到IE占据的广大市场。所以,同时使用两种方式,从而达到跨浏览器兼容的效果。 适合多图片调用的修改 当时做的时候是针对单张图片的情况做的。如果要用于调用的多图片,可以把JS代码做如下修改: <script language="JavaScript" type="text/javascript">window.onload = function() { var imgNodes = document.getElementById("imgbox").getElementsByTagName("img"); for (var i=0; i<imgNodes.length; i++ ){ [...]
2006年4月4日 | 归档于 所谓技术 -
再测试一下和oblog的Trackback Ping
原来说的那个问题,在不同语言编码的blog之间发送Trackback Ping会导致显示乱码的问题,刚才在给 感觉 的博客发送时,又出现了。 解决方法我已经有了,最近比较忙把这事给忘了。正好,顺手改了再给 感觉 发一个,这个的目的就是测试一下看看是不是还乱码。 P.S. 测试完了, 果然已经不乱码了:)
2006年3月31日 | 归档于 所谓技术 -
痛苦面对:跨域身份认证的问题
今天周末,学校小语种提前招生宣传。一早就起床了(我的周末啊,555……),上午抽空来了趟办公室,上网继续找找有关跨域身份认证的信息,结果还是没什么进展。看来有可能还是得回到IFRAME或者跳转的思路上来。突然想起来,上感觉的博客看了一下,哈,第一条就是关于整合的问题。这次看来我们几个都被这个跨域认证逼得不行了。痛苦啊…… 以下引用自感觉(Oblog)的博客 最近一直忙于三家整合的事情,被同步登录的问题搞的真不爽,因为涉及到一个第三方cookie的问题,IE隐私属性的默认值是拒绝的,造成一个结果是不同域名控制的站点写不进去cookie,而让每个用户去手动更改这个默认值根本不具备和操作性,真被他搞晕了,,而FF和Opera默认都是允许了,造成了IE不正常,其他的正常,而说到底,IE不正常,其实就不算整合成功,用他的人太多了……我曾经想过用session过渡一下,等用户登录的时候验证一下再写入cookie,结果又是IE出了问题,不同窗口的IE没法继承同一个站点的session,除了IE,其他的又都正常,忙了半天又绕回来了,,整合忙活了半个月了,而研究cookie至少用了10天,甚至超过这个数,其他的其实都是体力活,思路一明确,代码很快就搞定,而这个cookie找不到思路,搜索引擎都搜遍了,能想到的方法都测试了,然后都被一一否定。。。。阿泰说我再这样会疯掉的,其实我已经疯了!!!! cookie啊!!!我真的很不爽的!!!
2006年3月31日 | 归档于 所谓技术 -
CSS:模拟Windows窗口及DIV居中
利用CSS,尝试做了一个仿Windows窗口的横向纵向均居中的Div效果: 效果图如下: 以下是完整源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>动易远程接口中转</title><style type="text/css"><!–body {margin:0px;background:#ccc;height:auto;font: 9pt Tahoma;text-align:center;color: #000;}#outbox {position:absolute;z-index:888;top:50%;left:50%;margin:-120px 0 0 -200px;width:400px;height:auto;background:#D4D0C8;border:1px solid #ccc;}#title,#body,#bottom {border-top:1px solid #ddd;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ddd;}#title {line-height:28px;background:#c4c0c8;}#body {height:150px;text-align:left;padding:10px 10px;}#bottom {height:30px;padding:2px}#input {top:0px;bottom:0px;}–></style></head><body><div id="outbox"> <div id="title">正在进行通行证操作</div> <div id="body"> <p>正在进行远程数据同步,请勿刷新页面!</p> <ul> <li id="api">论坛数据同步中</li> <li id="powereasy">本站操作已完成!</li> </ul> </div> [...]
2006年3月28日 | 归档于 所谓技术
最新评论