美丽前端 存档

HTML5

决定了要做计算机,所以从新整齐了计算机
买了两本关于HTML5的书,一本《HTML5揭秘》,一本《HTML5高级程序设计》,现在在看《html5揭秘》网上说这本书是非常入门的一本,《HTML5权威指南》就相对深一点。所以买了揭秘,没买指南。都说HTML5的canvas很重要,所以这里把书上关于canvas的一些简单例子,给试着自己写了一遍,放上来把。over

(更多…)

Ajax乱码的问题

16号回家了,胖子同学刘总说帮做个学生管理系统用来交作业。

正好我也想拿PHP练练手,也测试测试我那时候写的那个数据库连接类,于是就开始做 了。

实践证明我写的那个类是多么的不实用。

主要就是缺少对错误的处理。

比如:在一条SELECT返回的值为空的时候,getRow就会报错。

再比如:SQL语句写错了,我没有一个提示或者什么的。

这个慢慢解决。呵呵我也确实够懒的。

这系统主要就是插入和删除,连修改的功能都没有做。

我做的插入和删除都是用AJAX的。结合做ECSHOP的时候,用ecshop的ajax时候的一些经验,和看W3school.com.cn上的一些例子,这次差不多把AJAX给摸熟了,至少这次的ajax都是自己写的。不像以前ecshop都是用别人写好的。哈哈。
(更多…)

仿天猫商城品牌的犀利效果。

记下吧。
先放Demo

漂浮加入购物车效果

昨天在张壮那里看到一个网站http://zhuzhou.bianli100.com的购物车效果听炫的。
当时就简单想了想怎么做才能实现
下午正好没事儿,就用js写了一个类似的。哈哈
但是没解决的是:
1、js定时器的问题,如果在第一个商品正在加入购物车时,又点击了另外一个商品,这样的话,定时器会失效。因为把定时器给重新赋值了。
2、如果移动时,不能在亮点间直线移动,只能左和上或左和下同时移动。这样得话就可能向上或者向下先一步达到该位置。

好在JQ解决了这个问题。
哈哈
于是今天上午又用JQ写了一下。真的好牛逼。
JS 70多行代码,JQ只有短短的15行。
贴代码:
先给个演示地址:Demo
(更多…)

js的周历与日历代码

接了一个单,在ecshop的购物车结算的地方要求加一个按照不同送货日期增加不同配送费用的小伙儿。

这几天先把js写了个日历与周历的代码。日历代码搞混了,懒得改了。放着把。

今天拿到了上次CF酷鱼的单的钱,做的是500,因为自己的原因拖延了很久,所以只拿了450.对方人挺好的。呵呵。

赶紧多赚点钱,哦也!

代码贴上来
(更多…)

第一个Dojo,选项卡效果

尝试着学dojo.

对照书上写了个dojo的例子,发上来做个记录

学好了,用熟练了,确实比纯js简单方便,

dojo选项卡效果

dojo选项卡效果

下面是代码,为了清晰好看些,来个图片把。哈哈

dojo选项卡效果的代码

dojo选项卡效果的代码

 

文字代码:记下来好保存复制:
(更多…)

html+css修改单选框样式

 

在网上接了一个单,要求修改单选框的样式。

以前做过这个东西,可惜当时代码也没有保存。

忘记了怎么整,今天晚上查了查资料。

先给个演示地址,

Demo:html+css修改单选框样式

整好了。留着。

不过这里有两个重要的发现,以前想琢磨但是没有去研究的。

标记一下。

 

标签不写onclick,但是当单击的时候有能触发一个函数

需要在也见面加载的时候

window.onload=function()
 document.getElementById("bnt").onclick=function()
{
  alert("这是一个按钮");
}

这样就能在单击id=bnt的标签时触发一个alert();

这个是效果:

html+css修改单选框样式

html+css修改单选框样式

(更多…)

通用的选项卡效果

应梦姐姐要求,要一个选项卡的效果,想搞一个通用的,其实也很简单,搭到偷了苦思冥想蛮久写出来了。

代码如下:
(更多…)

js倒计时

<html>
<head>
</head>

<body>
<span id=”tim”></span>
</body>
</html>
<script type=”text/javascript”>

var tim=document.getElementById(“tim”);
var t=3;//倒计时时间,分钟为单位
//小时
var h=parseInt(t/60)>0?h=parseInt(t/60):0;
var m=parseInt(t%60);
//秒
var s=60;
function gettime(){
s=s-1;
tim.innerHTML=h+”小时”+m+”分”+s+”秒”;
if(s==0){
if((h==0)&&(m==0)&&(s==0)){
clearInterval(timmer);
return;
}
s=60;
}
if(s==60){m=m-1;
if((m==0)&&(h>0)){
h=h-1;
}
}
}
var timmer=setInterval(“gettime()”,1000);
</script>

css浮动DIV

/*浮动窗口*/
.gotop { background:url(./images/gotop.png);
color:#DEBD4A;
z-index:2;
center:0;
right:0px;
position:fixed;
bottom:200px;
text-align:left;
width:50px;
height:68px;
display:none;
/*margin-left:-26px;*/
_position:absolute;
/* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
/* for IE6 */ overflow:visible; }
.gotop:hover{background:url(./images/gotop1.png);}