首先非常感谢网友水墨寒的无私分享,此Jquery插件是他刚写好的一款作品,写完之后就马上分享出来给大家用啦,实现了可拖动带动画弹出层效果,还使用了HTML5属性placeholder实现文本框显示描述文字效果,插件使用很简单,灵活配置5个参数,部分样式使用CSS3,低级浏览器可能不兼容,请自行修改CSS。
页面初始化代码如下:
$('a#pp').smohanpoplayer({
events: "click", //绑定事件
shadow: true, //开启遮罩层 true|false
drag: true, //开启拖动功能 true|false
content: "#smohan-div",//弹出层显示内容的容器,可以是ID,也可以是Class.请在页面设置该容器display:none;
title: "登录Smohan.net", //显示标题
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友水墨寒 弹出层 文字特效 动画插件 滑动插件 Jquery.placeholder 原创 遮罩层