Home> Web design tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
Web design tutorial
  • A simple TAB tab page style written by pure CSS+JS

    A simple TAB tab page style written by pure CSS+JS

    Recently, I often use the TAB tab pages, so I wrote a simple one. If you use it in the future, copy one directly, and change it slightly. First look at the renderings: Next, look at how to write the code: 1. SP file easytab.jsp Copy code code as follows:
    2025-02-23
  • Detailed explanation of the drag and drop implementation in html5

    Detailed explanation of the drag and drop implementation in html5

    About html5 Drag and Drop are a common feature, that is, drag to another position after the capture object. In HTML5, the drag and drop is the standard part of the standard. In HTML5, the user can use the mouse to select a drag that can be dragged, drag t
    2025-02-23
  • JavaScript Simple Performance Problems and Learning Notes

    JavaScript Simple Performance Problems and Learning Notes

    1,<script>标签应越少越好(虽然有多个也不会导致程序报错),因为每个<script>标签初始下载时都会阻塞页面渲染 2、<script>标签尽量不要放在页面上方,尽量放在<body>内的最下面,因为每个<script>在执行的时候,
    2025-02-23
  • Advanced Javascript tips

    Advanced Javascript tips

    I sorted out the Ajax part last time, and after reading the advanced skills part this week, I will sort it out as well. 1. Type detection uses Object.prototype.toString.call(obj). Because neither typeof nor instanceof can accurately judge variable types.
    2025-02-23
  • html5 teaches you to make cool fragments picture switch (Canvas)

    html5 teaches you to make cool fragments picture switch (Canvas)

    Old rules of the preface, first apply the source code. The picture area can be clicked, and the animation will start from the click position. I originally did this effect three years ago, but it was done with countless DIV tags. The performance was more p
    2025-02-23
  • Introduction to the use of ordinary functions in javascript

    Introduction to the use of ordinary functions in javascript

    Copy the code code as follows:<html><head><title> The use of ordinary functions in javascript</title><script> function show(){ document.write("show函数被调用" + "<br/>"
    2025-02-23
  • JS code for image carousel with left and right arrows

    JS code for image carousel with left and right arrows

    The effect of the carousel image is shown in the picture below. The picture can be rotated by itself. Click the left and right buttons to turn the page and rotate. Hover the mouse over the picture or title to stop the carousel. The effect picture is: Copy
    2025-02-23
  • Cross-domain image resource permissions (CORS enabled image)

    Cross-domain image resource permissions (CORS enabled image)

    The HTML specification document introduces the crossorigin attribute for images. By setting the appropriate header information CORS, img images can be loaded from other sites and used in canvas, just like downloaded directly from the current site (current
    2025-02-23
  • Innertext use example

    Innertext use example

    Copy code code as follows:<html><head><script language = "javascript" type = "text/javascript"> function showTime(){ //在元素间的文本就是通过 对象
    2025-02-23
  • Check whether the input is the number with keycode and the onKeypress event

    Check whether the input is the number with keycode and the onKeypress event

    Copy code code as follows:<script language = "javascript" type = "text/javascript"> function check(event){ //用户每按下一个键,就去判断是不是一个数 if(even
    2025-02-23
  • How to use localstorage instead of cookies to share data across domains

    How to use localstorage instead of cookies to share data across domains

    1. Background: As website systems become increasingly large, cookies from different domain names and even different partner websites may need to be shared more or less. When encountering this situation, what everyone usually thinks of is to use the login
    2025-02-23
  • Determine the data type of javascript (sample code)

    Determine the data type of javascript (sample code)

    1 The code to determine whether it is an array type is copied as follows:<script type="text/javascript"> //<![CDATA[ var a=[0]; document.write(isArray(a),'<br/>'); f
    2025-02-23
  • Sample code for implementing handwritten signature effect on canvas

    Sample code for implementing handwritten signature effect on canvas

    A recent project involves the functional requirements for handwritten signatures on mobile terminals. The implementation code is recorded here for your friends to refer to and make comments~ HTML code:<!--手写区--><div class=mSign_signMark_box>
    2025-02-23
  • Method for generating random upper and lower case letters in javascript

    Method for generating random upper and lower case letters in javascript

    Copy the code as follows: /** * Return a random lowercase letter*/ function getLowerCharacter(){ return getCharacter("lower");; } /** * Return a random uppercase letter*/ funct
    2025-02-22
  • Introduction to uploading php file (example explanation)

    Introduction to uploading php file (example explanation)

    1. File Upload In order to enable the client user to upload files, we must provide a form in the user interface to submit the request to upload files. Since the uploaded file is a special data, unlike other post data, we must set a special encoding for th
    2025-02-22