UI前端
文章平均质量分 67
往事随风ing
感恩 · 自信 · 宽容 · 耐心
展开
-
【绘图工具】-- Excalidraw 介绍
Excalidraw 的作者 vjeux 是 facebook 团队的成员,项目在开始阶段就是就是以开源的方式推进(现在也开源,只是商业版本才收费),当时作者在 Twitter 上发了一些推文介绍了,然后引起了许多开发者的关注,感觉这个素描工具虽功能简单,但使用简介和方便。这个工具最初的名字不是 Excalidraw,而是 Excalibur。它的 Logo 也是手绘的圣剑(也有说它是钢笔),可以说跟它的名字和实际意义很统一了。原创 2023-12-07 17:09:26 · 471 阅读 · 1 评论 -
[JavaScript举例]-- 编写Js SDK获取网页信息(包含10多项内容)
主题:实现编写js 去获取网页信息(包含10多项内容)备注:js sdk的嵌入位置----》html或者其他页面内一、编写js代码如下: (function(){ var CookieUtil = { // get the cookie of the key is name get: function(name) { var cookieName = enc...原创 2016-09-16 13:30:17 · 980 阅读 · 0 评论 -
[Java web]-- jquery自动填充input框(如百度搜索一样,出现模糊提示)
一、基本思路如下 第一个html页面:<html lang="en"><head> <meta charset="GBK" /> <title>页面</title> <link rel="stylesheet" href="http://code.j原创 2016-03-06 14:12:59 · 10036 阅读 · 0 评论 -
[Java web]-- jquery设置元素成为disabled
对元素应用disabled和readonly属性的方法,如下: 1.readonly属性举例 $('input').attr("readonly","readonly") ; //将input元素设置为readonly $('input').removeAttr("readonly"); //移除input元素的reado...原创 2016-03-05 15:06:47 · 734 阅读 · 0 评论 -
[Java 基础]-- easyui弹出提示框
一、使用easyui弹出提示框,然后定时关闭 $.messager.show({ title: '提示信息', // msg: '<a target="ifMain" href="../../SJ/ThingsReceive/ThingsReceiveList">您有待办事项</a>', ...原创 2015-10-23 14:40:34 · 918 阅读 · 0 评论 -
[Java 基础]-- javascript 使用
*********************************************js中定义变量不能使用任何属性名和标签名,id命名:js_变量 xx_变量名Javascript作用:操作网页元素,网页 动 起来.增加网页和用户的交互性和校验用户添加的数据==============================================1.①javascript是...原创 2015-08-09 17:53:04 · 643 阅读 · 0 评论 -
[JavaScript基础]-- 获取当前td所在的行和列位置,以及td中input的值
请见如下代码举例:<%@ page language="java" pageEncoding="GBK"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%String path = request.getContextPath();String basePath原创 2016-02-02 17:46:31 · 18104 阅读 · 0 评论 -
[前端基础]-- HTML&CSS
一、HTML1.相关概念:【了解】internet:国际互联网web:互联网应用服务:新闻,视频,音乐http:超文本传输协议:(数据传输的方式)url:统一资源定位符。 http://ip:端口号/应用/资源名路径网页:互联网服务中的一种资源。文本形式HTML: HyperText Markup Language 超文本标记语言.编写网页的编程语言2.文件命名:*.html...原创 2015-08-09 17:36:10 · 581 阅读 · 0 评论 -
[前端]-- html页面上轮播图片举例
实现参考如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..转载 2015-08-22 21:42:49 · 1536 阅读 · 0 评论 -
[Java 编程] -- style属性
div style常用属性 一、常用属性:1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例: <div style="width:200px;height:200px;background-color:Black;"> -----------内容---------- </div> 3、margin:用...原创 2015-08-10 18:48:48 · 614 阅读 · 0 评论 -
[前端]-- jquery学习1
1.js javascript 弱类型(var) 解释性 运行在客户端(浏览器)的脚本编程语言 html:静态页面 :弊端---交互性极差 js:改善html的交互性 :弊端--操作繁琐,功能不够强大:document.getElementById("xx"); document.getElementsByName("xx"); document....原创 2015-09-12 08:35:12 · 483 阅读 · 0 评论 -
[前端]-- jquery学习2
0.事件的注册机制: *基于html代码的事件注册function clicked(){xxxxxx}<input type="button" value="click_me" id="btn" onclick="clicked();"/>解耦和 *基于js代码的事件注册window.onload=function(){//注册onload事件,在文档加载完成后触发...原创 2015-09-12 09:15:54 · 458 阅读 · 0 评论 -
[前端]-- jquery(3)
1.jquery-1.7.x 提供了on(),用以事件注册。 *$("#c35").on("事件名",句柄);//注册事件 $("#c35").click(fucntion(){}); $("#c35").on("mouseout",function(){xxxx}); $("#c35").on("mouseover",function(){xxx原创 2015-09-12 10:09:52 · 502 阅读 · 0 评论 -
[JavaScript]-- jquery获取当前单击对象的下一个input标签的值
如果想要获取到值,可以使用2种方法:一、使用struts2的标签库 二、使用jquery的选择器 $(this).next().val(); -----针对input标签,获取值 $(this).next().text(); -----针对span或者textarea标签,获取值 $(this...原创 2016-01-25 13:26:16 · 11751 阅读 · 0 评论 -
[JavaScript]-- jquery弹出一个静态图片框
页面body代码如下:<div id="light" class="white_content"> <img id="commonImg" style="width:500px;height:250px;"/> <a href="javascript:void(0)" onclick="document.g原创 2016-01-25 13:42:43 · 3478 阅读 · 0 评论 -
[前端]-- 实现select自动选择下拉菜单的值
jquery中function selectOne(){var inp=$("#inp").val();if(inp=="告知"){$('.type option:nth-child(2)').attr('selected','selected');}else if(inp=="折扣"){$('.type option:nth-child(3)').attr('selected','...原创 2015-08-21 13:15:33 · 2288 阅读 · 0 评论