韶子

梦想皆有神助...

随笔分类 -  Web开发

jQuery实现图片点击放大
摘要：Google图片搜索结果有图片放大提示功能，也就是当鼠标悬停在一张小图上时，会弹出一个包含略大图片的框，方便给出信息，同时也使得搜索结果页显得简洁美观。用jQuery可以很方便地实现这项功能。基本的想法是当鼠标悬停或点击在一张小图上时，生成一个div并在里面添加放大的图片并添加一些其他任何html结构，div的位置就是鼠标当前位置附近。首先给将要生成的div提供一些样式，假如div的id是“tooltip”，参考css样式： #tooltip{ position:absolute; border:1px solid #ccc; background:#333; ... 阅读全文

posted @ 2011-08-28 14:26 韶子 阅读(16786) 评论(0) 推荐(2)

javascript计时器的实现
摘要：用Javascript实现计时器主要用到的函数是setTimeout()和clearTimeout()。把超时时间设置为1000ms，也就是每秒进行一次更新，停止计时时用clearTimeout()进行取消。 先在.html文件中写上基本框架：<html><head> <script type="text/javascript" src="script.js"></script></head><body> <h3 id="time">00:00< 阅读全文

posted @ 2011-08-27 14:19 韶子 阅读(1518) 评论(0) 推荐(0)

DIV属性集合
摘要：Textcolor: #999999 | rgb(100,14,200) | menu | redText colorfont-family: cursive | fantasy | monospace | serif | sans-serifText fontfont-size: 12px | 20%Text sizefont-style: normal | italic | obliqueText stylefont-variant: normal | small-capsWheather text consists of small capital lettersletter-spaci 阅读全文

posted @ 2011-08-26 20:59 韶子 阅读(237) 评论(0) 推荐(0)