星之宇 发布于2012-10-16 10:47

jQuery图片预览插件imgPreview

用jQuery来实现图片链接的预览功能。

 

代码说明:

通过imgPreview插件来实现鼠标移动到图片或者文字链接的上来实现图片预览的功能。链接一定要为图片才可以显示。

预览大图可以通过css来更改宽度,改变预览图片的大小。

代码实现过程请看压缩包内的index.htm页面。

 

浏览器兼容性:IE6,FireFox,IE7和Chrome等均测试正常。

用jQuery或JavaScript实现在textarea光标处插入一些文本内容以及字符串。

 

该代码说明:

可以在input框内的填写任意内容,然后按“插入”,可以把input框内的内容插入到textarea文本框内光标处,光标默认在文本框开头。通过其他的js就可以实现文本框插入表情、选中文字加粗、内容中插入图片等等。

 

浏览器兼容性:IE6,FireFox,IE7和Chrome等均测试正常。

星之宇 发布于2011-12-15 12:51

jquery实现图片放大镜效果

在一些大型的购物网站 你经常可以看到这个效果,通过放大镜效果,可以把一个小的图片的某一部位放大到清晰可见。 比如淘宝网的商品局部放大效果。

1.首先你必须要有2张图片,一张缩略图和一张高清晰的图片。 然后当鼠标在缩略图里移动时,通过计算鼠标在缩略图里的位置和比例。最后通过比例就可以得出大图要显示的部分。

2.小图中的半透明层
星之宇 发布于2011-10-17 13:31

firefox滚动图片

以下代码兼容ie6,firefox,chrome等浏览器,在多种浏览器下均正常滚动。

滚动速度,可以修改代码setTimeout("ScrollPic()",10);中10,这个数值越大,速度就越慢。
一般在15~20左右为好。部分还要根据你图片的大小等等。速度酌情更改

长宽高等参数也请在代码中修改,这里不一一说明了。
星之宇 发布于2010-8-19 12:42

CSS中背景图片的定位

在CSS中,背景图片的定位方位有3种:

(1)关键字:background-position: top right;
(2)像素:background-position: 0px 0px;
(3)百分比:background-position: 0% 0%;

前两种定位,都是将背景图片左上角的原点,放置在规定的位置。第一种就不介绍了。
星之宇 发布于2010-8-19 9:51

PNG透明背景的多种方法

用photoshop制作透明背景的PNG图片,直接另存为.png格式的图片,IE7.0,Firefox可以正确识别,但是IE6.0出现问题,png透明针对IE6一直是件挺麻烦的事情。

要实现IE6.0透明背景方法多种多样,现在来介绍几种:

第一种方法:(photoshop法)
photoshop制作好了图片,保存时要选择 另存为web所有格式(ctrl+alt+shift+s) 这个保存才行
星之宇 发布于2010-7-17 22:50

CSS定义链接样式

a:link 定义正常链接的样式;
a:visited 定义已访问过链接的样式;
a:hover 定义鼠标悬浮在链接上时的样式;
a:active 定义鼠标点击链接时的样式。
链接定义的顺序:link visited hover active

星之宇 发布于2010-7-8 8:11

设置email的超链接

有很多网站上有,直接点击邮箱地址,会跳出发送邮件的界面。
这个邮箱超链接代码如下:

<a href="mailto:email地址">EMAIL</a>  
例如:<a href="mailto:admin@myxzy.com">站长邮箱</a>

注意:现在由于直接发布地址,可能垃圾邮件会很多很多,建议不要用这个邮箱超链接。
这个admin@myxzy.com邮箱由于我把地址写在这里,所以天天有垃圾邮件。

提交