前端
前端
softbook
世间任何事情到最后都会是好的,如果不好,那就说明还没到最后。
展开
-
【前端】JS实现控件可拖动
js代码如下:<script> dragObj($("#div_head")); function dragObj(el) { var move=false; var dragOffserX=0; var dragOffsetY=0; // 鼠标按下 el.mousedown(functi...原创 2020-01-03 16:16:03 · 2612 阅读 · 0 评论 -
【前端】JS实现控件动态页面居中
js代码如下:<script> // 初始触发 loadCenter($("#div_head")); // 弹窗位置改变触发 window.οnresize=function(){ loadCenter($("#div_head")); }; function loadCenter(el) { // 可...原创 2020-01-03 15:58:53 · 994 阅读 · 0 评论 -
【前端】JS操作cookie进行页面传值
js代码如下:设置: var msg={"id":1,"name":"bk120"} // 设置cookie的过期时间 ,默认是在浏览器关闭失效 var exp=new Date(); // 设置过期时间 1 秒 exp.setTime(exp.getTime()+1000); document.cookie="msg="+JSON.stringify(msg)+";...原创 2020-01-03 15:19:56 · 1980 阅读 · 0 评论 -
【前端】CSS设置数据过多自动隐藏...
css样式作用于数据需要赋值的控件上:#pr{ overflow: hidden;// 超过指定宽度高度隐藏数据 white-space: nowrap;// 所有文本都显示一行 text-overflow: ellipsis;// 多余文本用省略号显示 width: 300px; display: inline-block // 块级显示数据不换行 }效果图:...原创 2020-01-02 23:10:31 · 488 阅读 · 0 评论 -
【前端】CSS设置控件阴影变大变小模糊动画
css样式作用于某个控件上,动作为鼠标触发:#div_head:hover{ transform: scale(0.9); // 变大变小比例 值>1变大,值<1 变小 box-shadow: 0 0 20px 0 #5250C6; //阴影弧度及颜色 transition: box-shaodow 0.5s,transform 0.5s; //控...原创 2020-01-02 17:42:11 · 712 阅读 · 0 评论