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
  • JavaScript simply implements namespace effects

    JavaScript simply implements namespace effects

    Javascript does not natively support namespaces and requires workarounds. When we create a JavaScript library, namespace is very important. We can encapsulate the scattered JavaScript files (*.js) that make up this JavaScript library in the namespace with
    2025-03-19
  • Example of how to save high-definition images in div using html2canvas

    Example of how to save high-definition images in div using html2canvas

    This article introduces an example of how html2canvas saves high-definition images in divs. I would like to share them with you. The details are as follows: http://www.bootcdn.cn/ (you can search for html2canvans) 1. Select the html2canvas version (this v
    2025-03-19
  • HTML5 new label DataList realizes the dynamic match between the input box and the background database data

    HTML5 new label DataList realizes the dynamic match between the input box and the background database data

    Recently, the project involves a small feature. When the customer chooses the supplier, because the number of suppliers is large (about 3,000), it is obviously unrealistic to generate the drop -down box directly. Label DataList to realize the first letter
    2025-03-19
  • Detailed explanation of the usage of image tags in HTML

    Detailed explanation of the usage of image tags in HTML

    in HTML<img> This tag is an image tag in the definition text. Its function is to provide the name of the image, the size of the image, and some image attributes of the image. For example, the Alt attribute can give the image a name to tell friends. This i
    2025-03-19
  • JS judgment whether the device is PC and adjust the picture size

    JS judgment whether the device is PC and adjust the picture size

    Copy code code as follows:<html><head><script type="text/javascript"> /* 判断设备是否为PC */ function isPC() { var userAgentInfo = navigator.
    2025-03-19
  • HTML5 high imitation WeChat chat, WeChat chat emoticon | dialog box | editor function

    HTML5 high imitation WeChat chat, WeChat chat emoticon | dialog box | editor function

    I have made a version of the h5 WeChat chat mobile terminal before. During this period of time, I sorted out the previous projects and upgraded them based on the original version. So we have the current h5 imitation WeChat chat high imitation. version, fo
    2025-03-19
  • HTML5 implements mobile copy function

    HTML5 implements mobile copy function

    The first time I encountered this requirement was through Baidu, but I found that they were basically implemented using js, and the compatibility was very poor. But in the process of searching and trying, I found that it can be fully realized with only cs
    2025-03-19
  • Open pdf files using js plug-in (browser pdf plug-in sharing)

    Open pdf files using js plug-in (browser pdf plug-in sharing)

    Two options: one is a direct link, treating the pdf file as an img file, similar to <a href=""/>this form, linking like this: Copy the code The code is as follows:<frame src="pdf文件的地址"></frame> Another way: use js plug-in. Among them, there are many js pl
    2025-03-19
  • Code triggers js events (click, change) sample application

    Code triggers js events (click, change) sample application

    If Chrome and Firefox do not support fireEvent, you can use the dispatchEvent method instead and directly provide a compatible Code. The code to trigger the click event is as follows: function simulateClick(el) {
    2025-03-19
  • HTML5 implementation of file breakpoint renewal methods

    HTML5 implementation of file breakpoint renewal methods

    HTML5's File API has a Slice method that can be divided into BLOB objects. The front end obtains the corresponding file through the FileList object. The large file segments are segmented in the specified segmentation method, and then passed to the bac
    2025-03-19
  • Self and this in JavaScript are summarized

    Self and this in JavaScript are summarized

    First, the reason for using Prototype.js on the day, I opened it and took a look. I saw a few lines and foggy. The reason was that they were not familiar with the target of JS, so Baidu+Google had a hand, and finally it was a small gain. Write this to com
    2025-03-19
  • HTML5 canvas drawing of WeChat applet and saved to system album

    HTML5 canvas drawing of WeChat applet and saved to system album

    Before starting to implement the rendering tips, 1. Network images need to be configured with a download domain name, which can be converted to a temporary path through wx.getImageInfo; 2. Personal habits, I am used to using async-await syntax, so I need
    2025-03-19
  • JS realizes Russian square mini -game sharing

    JS realizes Russian square mini -game sharing

    Copy code code as follows: <!doctype html><html><head><style type="text/css">body { background:#000; font:25px/25px 宋体;}#box { float:left;
    2025-03-19
  • Control the display and hidden method of the prompt information in the input input box

    Control the display and hidden method of the prompt information in the input input box

    When using HTML+CSS+JavaScript for page production, we often encounter small details that affect the user experience and are easily ignored by us. For example, the prompt information in the INPUT input box can be displayed and hidden based on the object&#
    2025-03-19
  • js getParameter usage example

    js getParameter usage example

    Copy the code as follows: function getParameter(name) { var reg = new RegExp((^&) + name + =([^&])(&$), i); var r = window.location.sear
    2025-03-19